/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"],"variable":"--font-inter"}],"variableName":"inter"} ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face {font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0.00%;size-adjust: 107.12% }.__className_f367f3 {font-family: 'Inter', 'Inter Fallback';font-style: normal }.__variable_f367f3 {--font-inter: 'Inter', 'Inter Fallback' } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Plus_Jakarta_Sans","arguments":[{"subsets":["latin"],"variable":"--font-plus-jakarta"}],"variableName":"plusJakarta"} ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* cyrillic-ext */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* vietnamese */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face {font-family: 'Plus Jakarta Sans Fallback';src: local("Arial");ascent-override: 98.88%;descent-override: 21.15%;line-gap-override: 0.00%;size-adjust: 104.98% }.__className_646807 {font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback';font-style: normal }.__variable_646807 {--font-plus-jakarta: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback' } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Manrope","arguments":[{"subsets":["latin"],"variable":"--font-manrope"}],"variableName":"manrope"} ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/438aa629764e75f3-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/875ae681bfde4580-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/51251f8b9793cdb3-s.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/e857b654a2caa584-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face {font-family: 'Manrope Fallback';src: local("Arial");ascent-override: 103.31%;descent-override: 29.07%;line-gap-override: 0.00%;size-adjust: 103.19% }.__className_73ee6c {font-family: 'Manrope', 'Manrope Fallback';font-style: normal }.__variable_73ee6c {--font-manrope: 'Manrope', 'Manrope Fallback' } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Instrument_Serif","arguments":[{"weight":"400","subsets":["latin"],"variable":"--font-instrument-serif","style":["normal","italic"]}],"variableName":"instrumentSerif"} ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* latin-ext */ @font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url(/_next/static/media/5ece437c7024c161-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url(/_next/static/media/9cc5b37ab1350db7-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_next/static/media/35f3de0ebb1cfc70-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_next/static/media/e6099e249fd938cc-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face {font-family: 'Instrument Serif Fallback';src: local("Times New Roman");ascent-override: 117.94%;descent-override: 36.93%;line-gap-override: 0.00%;size-adjust: 83.94% }.__className_1f5468 {font-family: 'Instrument Serif', 'Instrument Serif Fallback';font-weight: 400 }.__variable_1f5468 {--font-instrument-serif: 'Instrument Serif', 'Instrument Serif Fallback' } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"node_modules/geist/dist/mono.js","import":"","arguments":[{"src":"./fonts/geist-mono/GeistMono-Variable.woff2","variable":"--font-geist-mono","adjustFontFallback":false,"fallback":["ui-monospace","SFMono-Regular","Roboto Mono","Menlo","Monaco","Liberation Mono","DejaVu Sans Mono","Courier New","monospace"],"weight":"100 900"}],"variableName":"GeistMono"} ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'GeistMono'; src: url(/_next/static/media/78fec81b34c4a365.p.woff2) format('woff2'); font-display: swap; font-weight: 100 900; }.__className_97c177 {font-family: 'GeistMono', ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace }.__variable_97c177 {--font-geist-mono: 'GeistMono', ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ @import url("https://cdn.maptiler.com/maptiler-sdk-js/v2.0.3/maptiler-sdk.css"); @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042); --color-orange-50: oklch(98% 0.016 73.684); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-200: oklch(90.1% 0.076 70.697); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-orange-700: oklch(55.3% 0.195 38.402); --color-orange-800: oklch(47% 0.157 37.304); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-300: oklch(90.5% 0.182 98.111); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-yellow-800: oklch(47.6% 0.114 61.907); --color-lime-50: oklch(98.6% 0.031 120.757); --color-lime-200: oklch(93.8% 0.127 124.321); --color-lime-700: oklch(53.2% 0.157 131.589); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-800: oklch(43.2% 0.095 166.913); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-teal-50: oklch(98.4% 0.014 180.72); --color-teal-100: oklch(95.3% 0.051 180.801); --color-teal-200: oklch(91% 0.096 180.426); --color-teal-400: oklch(77.7% 0.152 181.912); --color-teal-500: oklch(70.4% 0.14 182.503); --color-teal-600: oklch(60% 0.118 184.704); --color-teal-700: oklch(51.1% 0.096 186.391); --color-teal-900: oklch(38.6% 0.063 188.416); --color-cyan-50: oklch(98.4% 0.019 200.873); --color-cyan-100: oklch(95.6% 0.045 203.388); --color-cyan-200: oklch(91.7% 0.08 205.041); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-cyan-600: oklch(60.9% 0.126 221.723); --color-cyan-700: oklch(52% 0.105 223.128); --color-sky-50: oklch(97.7% 0.013 236.62); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-700: oklch(50% 0.134 242.749); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-200: oklch(87% 0.065 274.039); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-indigo-700: oklch(45.7% 0.24 277.023); --color-violet-50: oklch(96.9% 0.016 293.756); --color-violet-100: oklch(94.3% 0.029 294.588); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-600: oklch(54.1% 0.281 293.009); --color-violet-700: oklch(49.1% 0.27 292.581); --color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-pink-50: oklch(97.1% 0.014 343.198); --color-pink-200: oklch(89.9% 0.061 343.231); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-700: oklch(52.5% 0.223 3.958); --color-rose-50: oklch(96.9% 0.015 12.422); --color-rose-100: oklch(94.1% 0.03 12.58); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-600: oklch(58.6% 0.253 17.585); --color-rose-700: oklch(51.4% 0.222 16.935); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-slate-950: oklch(12.9% 0.042 264.695); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-medical: #0F67B1; --color-medical-dark: #03346E; --color-healthcare-primary: #0F67B1; --color-healthcare-secondary: #3FA2F6; --color-healthcare-teal: #008080; --color-healthcare-emerald: #50C878; --color-healthcare-indigo: #4F46E5; --color-healthcare-cool-white: #FAFAFA; --color-lp-muted: #55555a; --color-lp-text-secondary: #888888; --color-lp-text-primary: #f8fafc; --color-lp-accent: #2563EB; --color-primary: #2563EB; --color-primary-hover: #1D4ED8; --color-primary-light: #DBEAFE; --color-secondary: #7C3AED; --color-success: #16A34A; --color-success-light: #DCFCE7; --color-warning: #F59E0B; --color-warning-light: #FEF3C7; --color-danger: #DC2626; --color-danger-light: #FEE2E2; --color-info: #0EA5E9; --color-info-light: #E0F2FE; --color-text-primary: #111827; --color-bg-primary: #FFFFFF; --color-border-primary: #E5E7EB; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-0\.5 { inset: calc(var(--spacing) * -0.5); } .-inset-1 { inset: calc(var(--spacing) * -1); } .-inset-1\.5 { inset: calc(var(--spacing) * -1.5); } .-inset-3 { inset: calc(var(--spacing) * -3); } .-inset-\[3px\] { inset: calc(3px * -1); } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-\[-1\.5px\] { inset: -1.5px; } .-inset-x-10 { inset-inline: calc(var(--spacing) * -10); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-3 { inset-inline: calc(var(--spacing) * 3); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-2\.5 { top: calc(var(--spacing) * -2.5); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-5 { top: calc(var(--spacing) * -5); } .-top-6 { top: calc(var(--spacing) * -6); } .-top-10 { top: calc(var(--spacing) * -10); } .-top-12 { top: calc(var(--spacing) * -12); } .-top-20 { top: calc(var(--spacing) * -20); } .-top-32 { top: calc(var(--spacing) * -32); } .-top-40 { top: calc(var(--spacing) * -40); } .-top-\[5\%\] { top: calc(5% * -1); } .-top-\[10\%\] { top: calc(10% * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-0\.5 { top: calc(var(--spacing) * 0.5); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1/2 * 100%); } .top-1\/3 { top: calc(1/3 * 100%); } .top-1\/4 { top: calc(1/4 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-7 { top: calc(var(--spacing) * 7); } .top-10 { top: calc(var(--spacing) * 10); } .top-12 { top: calc(var(--spacing) * 12); } .top-20 { top: calc(var(--spacing) * 20); } .top-24 { top: calc(var(--spacing) * 24); } .top-\[-6px\] { top: -6px; } .top-\[-10\%\] { top: -10%; } .top-\[32px\] { top: 32px; } .top-\[42px\] { top: 42px; } .top-\[50\%\] { top: 50%; } .top-full { top: 100%; } .-right-0\.5 { right: calc(var(--spacing) * -0.5); } .-right-1 { right: calc(var(--spacing) * -1); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-3 { right: calc(var(--spacing) * -3); } .-right-4 { right: calc(var(--spacing) * -4); } .-right-5 { right: calc(var(--spacing) * -5); } .-right-6 { right: calc(var(--spacing) * -6); } .-right-8 { right: calc(var(--spacing) * -8); } .-right-10 { right: calc(var(--spacing) * -10); } .-right-12 { right: calc(var(--spacing) * -12); } .-right-20 { right: calc(var(--spacing) * -20); } .-right-32 { right: calc(var(--spacing) * -32); } .-right-40 { right: calc(var(--spacing) * -40); } .-right-\[5\%\] { right: calc(5% * -1); } .-right-\[10\%\] { right: calc(10% * -1); } .right-0 { right: calc(var(--spacing) * 0); } .right-0\.5 { right: calc(var(--spacing) * 0.5); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-1\/4 { right: calc(1/4 * 100%); } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-3\.5 { right: calc(var(--spacing) * 3.5); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .right-6 { right: calc(var(--spacing) * 6); } .right-8 { right: calc(var(--spacing) * 8); } .right-12 { right: calc(var(--spacing) * 12); } .right-16 { right: calc(var(--spacing) * 16); } .right-\[-6px\] { right: -6px; } .right-\[-10\%\] { right: -10%; } .-bottom-0\.5 { bottom: calc(var(--spacing) * -0.5); } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .-bottom-2 { bottom: calc(var(--spacing) * -2); } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .-bottom-6 { bottom: calc(var(--spacing) * -6); } .-bottom-8 { bottom: calc(var(--spacing) * -8); } .-bottom-10 { bottom: calc(var(--spacing) * -10); } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .-bottom-16 { bottom: calc(var(--spacing) * -16); } .-bottom-32 { bottom: calc(var(--spacing) * -32); } .-bottom-\[5\%\] { bottom: calc(5% * -1); } .-bottom-\[8\%\] { bottom: calc(8% * -1); } .-bottom-\[90px\] { bottom: calc(90px * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-0\.5 { bottom: calc(var(--spacing) * 0.5); } .bottom-1\.5 { bottom: calc(var(--spacing) * 1.5); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-3\.5 { bottom: calc(var(--spacing) * 3.5); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-10 { bottom: calc(var(--spacing) * 10); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .bottom-14 { bottom: calc(var(--spacing) * 14); } .bottom-20 { bottom: calc(var(--spacing) * 20); } .bottom-32 { bottom: calc(var(--spacing) * 32); } .bottom-36 { bottom: calc(var(--spacing) * 36); } .bottom-\[-6px\] { bottom: -6px; } .bottom-\[-10\%\] { bottom: -10%; } .bottom-\[-10px\] { bottom: -10px; } .bottom-\[-28px\] { bottom: -28px; } .bottom-full { bottom: 100%; } .-left-1 { left: calc(var(--spacing) * -1); } .-left-4 { left: calc(var(--spacing) * -4); } .-left-8 { left: calc(var(--spacing) * -8); } .-left-10 { left: calc(var(--spacing) * -10); } .-left-12 { left: calc(var(--spacing) * -12); } .-left-16 { left: calc(var(--spacing) * -16); } .-left-32 { left: calc(var(--spacing) * -32); } .-left-\[5\%\] { left: calc(5% * -1); } .-left-\[10\%\] { left: calc(10% * -1); } .-left-px { left: -1px; } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\.5 { left: calc(var(--spacing) * 1.5); } .left-1\/2 { left: calc(1/2 * 100%); } .left-1\/4 { left: calc(1/4 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-3\.5 { left: calc(var(--spacing) * 3.5); } .left-4 { left: calc(var(--spacing) * 4); } .left-5 { left: calc(var(--spacing) * 5); } .left-6 { left: calc(var(--spacing) * 6); } .left-8 { left: calc(var(--spacing) * 8); } .left-12 { left: calc(var(--spacing) * 12); } .left-14 { left: calc(var(--spacing) * 14); } .left-16 { left: calc(var(--spacing) * 16); } .left-\[-6px\] { left: -6px; } .left-\[-10\%\] { left: -10%; } .left-\[5px\] { left: 5px; } .left-\[15px\] { left: 15px; } .left-\[22px\] { left: 22px; } .left-\[50\%\] { left: 50%; } .left-\[72px\] { left: 72px; } .left-full { left: 100%; } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-100 { z-index: 100; } .z-200 { z-index: 200; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[3\] { z-index: 3; } .z-\[48\] { z-index: 48; } .z-\[49\] { z-index: 49; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[100\] { z-index: 100; } .z-\[110\] { z-index: 110; } .z-\[9998\] { z-index: 9998; } .z-\[9999\] { z-index: 9999; } .z-\[10000\] { z-index: 10000; } .z-\[10001\] { z-index: 10001; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-12 { grid-column: span 12 / span 12; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .-m-4 { margin: calc(var(--spacing) * -4); } .-m-6 { margin: calc(var(--spacing) * -6); } .-m-\[1px\] { margin: calc(1px * -1); } .m-0 { margin: calc(var(--spacing) * 0); } .m-4 { margin: calc(var(--spacing) * 4); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-8 { margin-inline: calc(var(--spacing) * 8); } .mx-auto { margin-inline: auto; } .-my-4 { margin-block: calc(var(--spacing) * -4); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-12 { margin-block: calc(var(--spacing) * 12); } .-mt-0\.5 { margin-top: calc(var(--spacing) * -0.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-8 { margin-top: calc(var(--spacing) * -8); } .-mt-16 { margin-top: calc(var(--spacing) * -16); } .-mt-\[6px\] { margin-top: calc(6px * -1); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-3\.5 { margin-top: calc(var(--spacing) * 3.5); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-32 { margin-top: calc(var(--spacing) * 32); } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-12 { margin-right: calc(var(--spacing) * 12); } .mr-\[0\.3em\] { margin-right: 0.3em; } .-mb-1 { margin-bottom: calc(var(--spacing) * -1); } .-mb-20 { margin-bottom: calc(var(--spacing) * -20); } .-mb-\[1px\] { margin-bottom: calc(1px * -1); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-14 { margin-bottom: calc(var(--spacing) * 14); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-px { margin-bottom: 1px; } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-1\.5 { margin-left: calc(var(--spacing) * -1.5); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-3\.5 { margin-left: calc(var(--spacing) * 3.5); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-7 { margin-left: calc(var(--spacing) * 7); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-12 { margin-left: calc(var(--spacing) * 12); } .ml-auto { margin-left: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-\[3\/1\] { aspect-ratio: 3/1; } .aspect-\[3\/2\] { aspect-ratio: 3/2; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-\[21\/6\] { aspect-ratio: 21/6; } .aspect-\[21\/9\] { aspect-ratio: 21/9; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-0\.75 { height: calc(var(--spacing) * 0.75); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\/2 { height: calc(1/2 * 100%); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-3\/4 { height: calc(3/4 * 100%); } .h-4 { height: calc(var(--spacing) * 4); } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-13 { height: calc(var(--spacing) * 13); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: calc(var(--spacing) * 18); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-32 { height: calc(var(--spacing) * 32); } .h-36 { height: calc(var(--spacing) * 36); } .h-40 { height: calc(var(--spacing) * 40); } .h-44 { height: calc(var(--spacing) * 44); } .h-48 { height: calc(var(--spacing) * 48); } .h-56 { height: calc(var(--spacing) * 56); } .h-64 { height: calc(var(--spacing) * 64); } .h-72 { height: calc(var(--spacing) * 72); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1px\] { height: 1px; } .h-\[2px\] { height: 2px; } .h-\[3px\] { height: 3px; } .h-\[6px\] { height: 6px; } .h-\[11px\] { height: 11px; } .h-\[15px\] { height: 15px; } .h-\[16px\] { height: 16px; } .h-\[17px\] { height: 17px; } .h-\[18px\] { height: 18px; } .h-\[35px\] { height: 35px; } .h-\[40\%\] { height: 40%; } .h-\[42px\] { height: 42px; } .h-\[45\%\] { height: 45%; } .h-\[50\%\] { height: 50%; } .h-\[55\%\] { height: 55%; } .h-\[56px\] { height: 56px; } .h-\[60\%\] { height: 60%; } .h-\[60px\] { height: 60px; } .h-\[65px\] { height: 65px; } .h-\[86px\] { height: 86px; } .h-\[92vh\] { height: 92vh; } .h-\[120px\] { height: 120px; } .h-\[150px\] { height: 150px; } .h-\[170px\] { height: 170px; } .h-\[190px\] { height: 190px; } .h-\[200px\] { height: 200px; } .h-\[300px\] { height: 300px; } .h-\[350px\] { height: 350px; } .h-\[360px\] { height: 360px; } .h-\[400px\] { height: 400px; } .h-\[450px\] { height: 450px; } .h-\[500px\] { height: 500px; } .h-\[600px\] { height: 600px; } .h-\[620px\] { height: 620px; } .h-\[700px\] { height: 700px; } .h-\[calc\(100dvh\)\] { height: calc(100dvh); } .h-\[calc\(100dvh-2rem\)\] { height: calc(100dvh - 2rem); } .h-\[calc\(100dvh-60px\)\] { height: calc(100dvh - 60px); } .h-\[calc\(100dvh-220px\)\] { height: calc(100dvh - 220px); } .h-\[calc\(100dvh-340px\)\] { height: calc(100dvh - 340px); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-36 { max-height: calc(var(--spacing) * 36); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[65vh\] { max-height: 65vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85dvh\] { max-height: 85dvh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[95vh\] { max-height: 95vh; } .max-h-\[96vh\] { max-height: 96vh; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[340px\] { max-height: 340px; } .max-h-\[350px\] { max-height: 350px; } .max-h-\[360px\] { max-height: 360px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[calc\(100dvh-340px\)\] { max-height: calc(100dvh - 340px); } .max-h-\[calc\(100vh-200px\)\] { max-height: calc(100vh - 200px); } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-7 { min-height: calc(var(--spacing) * 7); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-25 { min-height: calc(var(--spacing) * 25); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-96 { min-height: calc(var(--spacing) * 96); } .min-h-150 { min-height: calc(var(--spacing) * 150); } .min-h-\[1\.5rem\] { min-height: 1.5rem; } .min-h-\[2em\] { min-height: 2em; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[70vh\] { min-height: 70vh; } .min-h-\[72px\] { min-height: 72px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[90px\] { min-height: 90px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[260px\] { min-height: 260px; } .min-h-\[280px\] { min-height: 280px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[380px\] { min-height: 380px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[500px\] { min-height: 500px; } .min-h-\[600px\] { min-height: 600px; } .min-h-\[calc\(100vh-5rem\)\] { min-height: calc(100vh - 5rem); } .min-h-\[calc\(100vh-8rem\)\] { min-height: calc(100vh - 8rem); } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-0 { width: calc(var(--spacing) * 0); } .w-0\.5 { width: calc(var(--spacing) * 0.5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: calc(1/2 * 100%); } .w-1\/3 { width: calc(1/3 * 100%); } .w-1\/4 { width: calc(1/4 * 100%); } .w-1\/5 { width: calc(1/5 * 100%); } .w-1\/6 { width: calc(1/6 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: calc(2/3 * 100%); } .w-2\/5 { width: calc(2/5 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3/4 * 100%); } .w-3\/5 { width: calc(3/5 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-4\/5 { width: calc(4/5 * 100%); } .w-4\/6 { width: calc(4/6 * 100%); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/6 { width: calc(5/6 * 100%); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-13 { width: calc(var(--spacing) * 13); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-18 { width: calc(var(--spacing) * 18); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[1px\] { width: 1px; } .w-\[2px\] { width: 2px; } .w-\[3px\] { width: 3px; } .w-\[6px\] { width: 6px; } .w-\[11px\] { width: 11px; } .w-\[15px\] { width: 15px; } .w-\[16px\] { width: 16px; } .w-\[17px\] { width: 17px; } .w-\[18px\] { width: 18px; } .w-\[22\%\] { width: 22%; } .w-\[34\%\] { width: 34%; } .w-\[35px\] { width: 35px; } .w-\[40\%\] { width: 40%; } .w-\[55\%\] { width: 55%; } .w-\[56px\] { width: 56px; } .w-\[60px\] { width: 60px; } .w-\[65\%\] { width: 65%; } .w-\[65px\] { width: 65px; } .w-\[68px\] { width: 68px; } .w-\[70\%\] { width: 70%; } .w-\[72px\] { width: 72px; } .w-\[80\%\] { width: 80%; } .w-\[80px\] { width: 80px; } .w-\[88px\] { width: 88px; } .w-\[100px\] { width: 100px; } .w-\[120px\] { width: 120px; } .w-\[140px\] { width: 140px; } .w-\[160px\] { width: 160px; } .w-\[170px\] { width: 170px; } .w-\[200px\] { width: 200px; } .w-\[260px\] { width: 260px; } .w-\[264px\] { width: 264px; } .w-\[280px\] { width: 280px; } .w-\[300px\] { width: 300px; } .w-\[375px\] { width: 375px; } .w-\[380px\] { width: 380px; } .w-\[400px\] { width: 400px; } .w-\[600px\] { width: 600px; } .w-\[768px\] { width: 768px; } .w-\[calc\(100vw-2rem\)\] { width: calc(100vw - 2rem); } .w-\[min\(92vw\,780px\)\] { width: min(92vw, 780px); } .w-\[min\(350px\,85vw\)\] { width: min(350px, 85vw); } .w-\[min\(350px\,calc\(100vw-2rem\)\)\] { width: min(350px, calc(100vw - 2rem)); } .w-\[min\(360px\,85vw\)\] { width: min(360px, 85vw); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .w-screen { width: 100vw; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-\[55\%\] { max-width: 55%; } .max-w-\[95vw\] { max-width: 95vw; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[190px\] { max-width: 190px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[375px\] { max-width: 375px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[1600px\] { max-width: 1600px; } .max-w-\[calc\(100vw-\.\.\.\)\] { max-width: calc(100vw - ...); } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-\[calc\(100vw-24px\)\] { max-width: calc(100vw - 24px); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-45 { min-width: calc(var(--spacing) * 45); } .min-w-\[1\.5rem\] { min-width: 1.5rem; } .min-w-\[1\.75rem\] { min-width: 1.75rem; } .min-w-\[2rem\] { min-width: 2rem; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[20px\] { min-width: 20px; } .min-w-\[32px\] { min-width: 32px; } .min-w-\[42px\] { min-width: 42px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[64px\] { min-width: 64px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[130px\] { min-width: 130px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[500px\] { min-width: 500px; } .min-w-\[560px\] { min-width: 560px; } .min-w-\[600px\] { min-width: 600px; } .min-w-\[700px\] { min-width: 700px; } .min-w-\[820px\] { min-width: 820px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-fit { min-width: fit-content; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-full { flex-basis: 100%; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-\[--radix-popover-content-transform-origin\] { transform-origin: --radix-popover-content-transform-origin; } .origin-left { transform-origin: 0; } .origin-top { transform-origin: top; } .origin-top-left { transform-origin: 0 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/4 { --tw-translate-x: calc(1/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[0\.5\] { scale: 0.5; } .scale-\[0\.7\] { scale: 0.7; } .scale-\[0\.75\] { scale: 0.75; } .scale-\[0\.92\] { scale: 0.92; } .scale-\[0\.98\] { scale: 0.98; } .scale-\[1\.02\] { scale: 1.02; } .-rotate-90 { rotate: calc(90deg * -1); } .rotate-3 { rotate: 3deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-\[-30deg\] { rotate: -30deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-\[breathe_4s_ease-in-out_infinite\] { animation: breathe 4s ease-in-out infinite; } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-col-resize { cursor: col-resize; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .cursor-wait { cursor: wait; } .touch-manipulation { touch-action: manipulation; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[64px_repeat\(7\,1fr\)\] { grid-template-columns: 64px repeat(7,1fr); } .grid-cols-\[300px_1fr_300px\] { grid-template-columns: 300px 1fr 300px; } .grid-cols-\[auto_1fr_1fr_1fr_1fr_1fr\] { grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .\[gap\:var\(--gap\)\] { gap: var(--gap); } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-28 { gap: calc(var(--spacing) * 28); } .gap-px { gap: 1px; } .space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-7 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-20 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .-space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse))); } } .-space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } } .-space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-3\.5 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.5); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-\[\#F3F4F6\] { :where(& > :not(:last-child)) { border-color: #F3F4F6; } } .divide-\[var\(--zen-card-border\)\] { :where(& > :not(:last-child)) { border-color: var(--zen-card-border); } } .divide-slate-200 { :where(& > :not(:last-child)) { border-color: var(--color-slate-200); } } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overscroll-contain { overscroll-behavior: contain; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[2\.5rem\] { border-radius: 2.5rem; } .rounded-\[2rem\] { border-radius: 2rem; } .rounded-\[3rem\] { border-radius: 3rem; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-\[var\(--zen-button-radius\)\] { border-radius: var(--zen-button-radius); } .rounded-\[var\(--zen-card-radius\)\] { border-radius: var(--zen-card-radius); } .rounded-\[var\(--zen-card-radius\,16px\)\] { border-radius: var(--zen-card-radius,16px); } .rounded-\[var\(--zen-input-radius\)\] { border-radius: var(--zen-input-radius); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-\[10px\] { border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-r-full { border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-br-\[10rem\] { border-bottom-right-radius: 10rem; } .rounded-br-sm { border-bottom-right-radius: var(--radius-sm); } .rounded-bl-sm { border-bottom-left-radius: var(--radius-sm); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-3 { border-style: var(--tw-border-style); border-width: 3px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-\[6px\] { border-style: var(--tw-border-style); border-width: 6px; } .border-\[8px\] { border-style: var(--tw-border-style); border-width: 8px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-l-\[3px\] { border-left-style: var(--tw-border-style); border-left-width: 3px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-none { --tw-border-style: none; border-style: none; } .border-\[\#0F67B1\] { border-color: #0F67B1; } .border-\[\#0F67B1\]\/15 { border-color: color-mix(in oklab, #0F67B1 15%, transparent); } .border-\[\#0F67B1\]\/20 { border-color: color-mix(in oklab, #0F67B1 20%, transparent); } .border-\[\#1A2434\] { border-color: #1A2434; } .border-\[\#5DA8FB\]\/20 { border-color: color-mix(in oklab, #5DA8FB 20%, transparent); } .border-\[\#5DA8FB\]\/30 { border-color: color-mix(in oklab, #5DA8FB 30%, transparent); } .border-\[\#6B7280\]\/30 { border-color: color-mix(in oklab, #6B7280 30%, transparent); } .border-\[\#9CA3AF\] { border-color: #9CA3AF; } .border-\[\#47B387\] { border-color: #47B387; } .border-\[\#47B387\]\/10 { border-color: color-mix(in oklab, #47B387 10%, transparent); } .border-\[\#47B387\]\/20 { border-color: color-mix(in oklab, #47B387 20%, transparent); } .border-\[\#47B387\]\/30 { border-color: color-mix(in oklab, #47B387 30%, transparent); } .border-\[\#47B387\]\/40 { border-color: color-mix(in oklab, #47B387 40%, transparent); } .border-\[\#4669F7\] { border-color: #4669F7; } .border-\[\#4669F7\]\/10 { border-color: color-mix(in oklab, #4669F7 10%, transparent); } .border-\[\#4669F7\]\/15 { border-color: color-mix(in oklab, #4669F7 15%, transparent); } .border-\[\#4669F7\]\/20 { border-color: color-mix(in oklab, #4669F7 20%, transparent); } .border-\[\#4669F7\]\/30 { border-color: color-mix(in oklab, #4669F7 30%, transparent); } .border-\[\#D1D5DB\] { border-color: #D1D5DB; } .border-\[\#E5E7EB\] { border-color: #E5E7EB; } .border-\[\#E5E7EB\]\/40 { border-color: color-mix(in oklab, #E5E7EB 40%, transparent); } .border-\[\#E5E7EB\]\/60 { border-color: color-mix(in oklab, #E5E7EB 60%, transparent); } .border-\[\#E5E7EB\]\/80 { border-color: color-mix(in oklab, #E5E7EB 80%, transparent); } .border-\[\#E84E89\] { border-color: #E84E89; } .border-\[\#E84E89\]\/10 { border-color: color-mix(in oklab, #E84E89 10%, transparent); } .border-\[\#E84E89\]\/20 { border-color: color-mix(in oklab, #E84E89 20%, transparent); } .border-\[\#E84E89\]\/30 { border-color: color-mix(in oklab, #E84E89 30%, transparent); } .border-\[\#EEF1FE\] { border-color: #EEF1FE; } .border-\[\#F3F4F6\] { border-color: #F3F4F6; } .border-\[\#F3F4F6\]\/80 { border-color: color-mix(in oklab, #F3F4F6 80%, transparent); } .border-\[\#F7B924\] { border-color: #F7B924; } .border-\[\#F7B924\]\/10 { border-color: color-mix(in oklab, #F7B924 10%, transparent); } .border-\[\#F7B924\]\/20 { border-color: color-mix(in oklab, #F7B924 20%, transparent); } .border-\[\#F7B924\]\/30 { border-color: color-mix(in oklab, #F7B924 30%, transparent); } .border-\[\#FDE2E2\] { border-color: #FDE2E2; } .border-\[\#FECACA\] { border-color: #FECACA; } .border-\[\#dce8f8\] { border-color: #dce8f8; } .border-\[\#e0e7ff\] { border-color: #e0e7ff; } .border-\[\#e5eef9\] { border-color: #e5eef9; } .border-\[\#f3f4f6\] { border-color: #f3f4f6; } .border-\[var\(--brand-primary\,\#0F67B1\)\] { border-color: var(--brand-primary,#0F67B1); } .border-\[var\(--brand-primary\,\#0F67B1\)\]\/15 { border-color: var(--brand-primary,#0F67B1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--brand-primary,#0F67B1) 15%, transparent); } } .border-\[var\(--color-primary\)\] { border-color: var(--color-primary); } .border-\[var\(--zen-card-border\)\] { border-color: var(--zen-card-border); } .border-\[var\(--zen-card-border\,\#E5E7EB\)\] { border-color: var(--zen-card-border,#E5E7EB); } .border-\[var\(--zen-danger\)\] { border-color: var(--zen-danger); } .border-\[var\(--zen-info\,\#3B82F6\)\] { border-color: var(--zen-info,#3B82F6); } .border-\[var\(--zen-primary\)\] { border-color: var(--zen-primary); } .border-\[var\(--zen-primary\)\]\/20 { border-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-primary) 20%, transparent); } } .border-\[var\(--zen-primary\)\]\/25 { border-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-primary) 25%, transparent); } } .border-\[var\(--zen-primary\)\]\/30 { border-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-primary) 30%, transparent); } } .border-\[var\(--zen-primary\)\]\/40 { border-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-primary) 40%, transparent); } } .border-amber-100 { border-color: var(--color-amber-100); } .border-amber-200 { border-color: var(--color-amber-200); } .border-amber-300 { border-color: var(--color-amber-300); } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-100\/50 { border-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-100) 50%, transparent); } } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-200\/10 { border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-200) 10%, transparent); } } .border-blue-200\/20 { border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-200) 20%, transparent); } } .border-blue-200\/50 { border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent); } } .border-blue-200\/60 { border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent); } } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-400\/40 { border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-400) 40%, transparent); } } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-500\/20 { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .border-blue-500\/30 { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .border-current { border-color: currentcolor; } .border-cyan-200 { border-color: var(--color-cyan-200); } .border-emerald-100 { border-color: var(--color-emerald-100); } .border-emerald-100\/50 { border-color: color-mix(in srgb, oklch(95% 0.052 163.051) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-100) 50%, transparent); } } .border-emerald-200 { border-color: var(--color-emerald-200); } .border-emerald-200\/50 { border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent); } } .border-emerald-200\/70 { border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent); } } .border-emerald-300 { border-color: var(--color-emerald-300); } .border-emerald-400 { border-color: var(--color-emerald-400); } .border-emerald-500 { border-color: var(--color-emerald-500); } .border-emerald-500\/20 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .border-emerald-500\/30 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-100\/80 { border-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent); } } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-200\/40 { border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-200) 40%, transparent); } } .border-gray-200\/60 { border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent); } } .border-gray-200\/80 { border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent); } } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-600 { border-color: var(--color-gray-600); } .border-gray-700 { border-color: var(--color-gray-700); } .border-gray-800 { border-color: var(--color-gray-800); } .border-gray-900 { border-color: var(--color-gray-900); } .border-green-200 { border-color: var(--color-green-200); } .border-green-300 { border-color: var(--color-green-300); } .border-green-500 { border-color: var(--color-green-500); } .border-green-500\/30 { border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent); } } .border-healthcare-emerald { border-color: var(--color-healthcare-emerald); } .border-healthcare-emerald\/20 { border-color: color-mix(in srgb, #50C878 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-healthcare-emerald) 20%, transparent); } } .border-healthcare-primary { border-color: var(--color-healthcare-primary); } .border-healthcare-primary\/10 { border-color: color-mix(in srgb, #0F67B1 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-healthcare-primary) 10%, transparent); } } .border-healthcare-primary\/20 { border-color: color-mix(in srgb, #0F67B1 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-healthcare-primary) 20%, transparent); } } .border-healthcare-primary\/30 { border-color: color-mix(in srgb, #0F67B1 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-healthcare-primary) 30%, transparent); } } .border-indigo-200 { border-color: var(--color-indigo-200); } .border-lime-200 { border-color: var(--color-lime-200); } .border-orange-200 { border-color: var(--color-orange-200); } .border-orange-200\/50 { border-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-200) 50%, transparent); } } .border-orange-300 { border-color: var(--color-orange-300); } .border-orange-500 { border-color: var(--color-orange-500); } .border-orange-500\/10 { border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .border-pink-200 { border-color: var(--color-pink-200); } .border-primary { border-color: var(--color-primary); } .border-primary\/50 { border-color: color-mix(in srgb, #2563EB 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .border-purple-200 { border-color: var(--color-purple-200); } .border-purple-500\/30 { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .border-red-200 { border-color: var(--color-red-200); } .border-red-300 { border-color: var(--color-red-300); } .border-red-400 { border-color: var(--color-red-400); } .border-red-500 { border-color: var(--color-red-500); } .border-red-500\/30 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .border-red-500\/50 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .border-rose-200 { border-color: var(--color-rose-200); } .border-sky-200 { border-color: var(--color-sky-200); } .border-slate-50 { border-color: var(--color-slate-50); } .border-slate-100 { border-color: var(--color-slate-100); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-200\/50 { border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent); } } .border-slate-200\/60 { border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } .border-slate-200\/70 { border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent); } } .border-slate-200\/80 { border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent); } } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-400 { border-color: var(--color-slate-400); } .border-slate-500 { border-color: var(--color-slate-500); } .border-slate-500\/30 { border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-500) 30%, transparent); } } .border-slate-600 { border-color: var(--color-slate-600); } .border-slate-600\/40 { border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-600) 40%, transparent); } } .border-slate-600\/50 { border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent); } } .border-slate-600\/60 { border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-600) 60%, transparent); } } .border-slate-700 { border-color: var(--color-slate-700); } .border-slate-700\/40 { border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent); } } .border-slate-700\/50 { border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .border-slate-700\/60 { border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent); } } .border-slate-800 { border-color: var(--color-slate-800); } .border-slate-900 { border-color: var(--color-slate-900); } .border-teal-200 { border-color: var(--color-teal-200); } .border-teal-400 { border-color: var(--color-teal-400); } .border-teal-400\/50 { border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-teal-400) 50%, transparent); } } .border-teal-400\/60 { border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-teal-400) 60%, transparent); } } .border-teal-500 { border-color: var(--color-teal-500); } .border-transparent { border-color: transparent; } .border-violet-200 { border-color: var(--color-violet-200); } .border-white { border-color: var(--color-white); } .border-white\/5 { border-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/25 { border-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .border-white\/30 { border-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .border-white\/40 { border-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .border-white\/50 { border-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .border-yellow-200 { border-color: var(--color-yellow-200); } .border-yellow-500 { border-color: var(--color-yellow-500); } .border-yellow-500\/20 { border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .border-yellow-600\/30 { border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent); } } .border-t-blue-500 { border-top-color: var(--color-blue-500); } .border-t-blue-600 { border-top-color: var(--color-blue-600); } .border-t-healthcare-primary { border-top-color: var(--color-healthcare-primary); } .border-t-red-500 { border-top-color: var(--color-red-500); } .border-t-transparent { border-top-color: transparent; } .border-t-white { border-top-color: var(--color-white); } .border-t-yellow-600 { border-top-color: var(--color-yellow-600); } .border-l-\[\#0F67B1\] { border-left-color: #0F67B1; } .border-l-\[\#5DA8FB\] { border-left-color: #5DA8FB; } .border-l-\[\#9CA3AF\] { border-left-color: #9CA3AF; } .border-l-\[\#47B387\] { border-left-color: #47B387; } .border-l-\[\#4669F7\] { border-left-color: #4669F7; } .border-l-\[\#E84E89\] { border-left-color: #E84E89; } .border-l-\[\#F7B924\] { border-left-color: #F7B924; } .border-l-\[var\(--zen-danger\)\] { border-left-color: var(--zen-danger); } .border-l-\[var\(--zen-primary\)\] { border-left-color: var(--zen-primary); } .border-l-\[var\(--zen-success\)\] { border-left-color: var(--zen-success); } .border-l-\[var\(--zen-warning\)\] { border-left-color: var(--zen-warning); } .border-l-amber-500 { border-left-color: var(--color-amber-500); } .border-l-blue-400 { border-left-color: var(--color-blue-400); } .border-l-blue-500 { border-left-color: var(--color-blue-500); } .border-l-emerald-500 { border-left-color: var(--color-emerald-500); } .border-l-gray-400 { border-left-color: var(--color-gray-400); } .border-l-green-500 { border-left-color: var(--color-green-500); } .border-l-orange-500 { border-left-color: var(--color-orange-500); } .border-l-red-500 { border-left-color: var(--color-red-500); } .border-l-slate-200 { border-left-color: var(--color-slate-200); } .border-l-slate-300 { border-left-color: var(--color-slate-300); } .border-l-transparent { border-left-color: transparent; } .border-l-violet-500 { border-left-color: var(--color-violet-500); } .border-l-white\/10 { border-left-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-left-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-\[\#0B0A0A\]\/30 { background-color: color-mix(in oklab, #0B0A0A 30%, transparent); } .bg-\[\#0F67B1\] { background-color: #0F67B1; } .bg-\[\#0F67B1\]\/5 { background-color: color-mix(in oklab, #0F67B1 5%, transparent); } .bg-\[\#0F67B1\]\/6 { background-color: color-mix(in oklab, #0F67B1 6%, transparent); } .bg-\[\#0F67B1\]\/10 { background-color: color-mix(in oklab, #0F67B1 10%, transparent); } .bg-\[\#0F67B1\]\/15 { background-color: color-mix(in oklab, #0F67B1 15%, transparent); } .bg-\[\#0F67B1\]\/30 { background-color: color-mix(in oklab, #0F67B1 30%, transparent); } .bg-\[\#00B4D8\] { background-color: #00B4D8; } .bg-\[\#1A2434\] { background-color: #1A2434; } .bg-\[\#1A2434\]\/80 { background-color: color-mix(in oklab, #1A2434 80%, transparent); } .bg-\[\#1A2434\]\/95 { background-color: color-mix(in oklab, #1A2434 95%, transparent); } .bg-\[\#1a1a1a\] { background-color: #1a1a1a; } .bg-\[\#5DA8FB\] { background-color: #5DA8FB; } .bg-\[\#5DA8FB\]\/10 { background-color: color-mix(in oklab, #5DA8FB 10%, transparent); } .bg-\[\#5DA8FB\]\/15 { background-color: color-mix(in oklab, #5DA8FB 15%, transparent); } .bg-\[\#5DA8FB\]\/20 { background-color: color-mix(in oklab, #5DA8FB 20%, transparent); } .bg-\[\#5DA8FB\]\/30 { background-color: color-mix(in oklab, #5DA8FB 30%, transparent); } .bg-\[\#6B7280\]\/20 { background-color: color-mix(in oklab, #6B7280 20%, transparent); } .bg-\[\#007C7C\] { background-color: #007C7C; } .bg-\[\#7c5cfc\] { background-color: #7c5cfc; } .bg-\[\#9CA3AF\] { background-color: #9CA3AF; } .bg-\[\#47B387\] { background-color: #47B387; } .bg-\[\#47B387\]\/10 { background-color: color-mix(in oklab, #47B387 10%, transparent); } .bg-\[\#47B387\]\/15 { background-color: color-mix(in oklab, #47B387 15%, transparent); } .bg-\[\#47B387\]\/20 { background-color: color-mix(in oklab, #47B387 20%, transparent); } .bg-\[\#47B387\]\/50 { background-color: color-mix(in oklab, #47B387 50%, transparent); } .bg-\[\#47B387\]\/100 { background-color: #47B387; } .bg-\[\#111\] { background-color: #111; } .bg-\[\#2563EB\] { background-color: #2563EB; } .bg-\[\#4669F7\] { background-color: #4669F7; } .bg-\[\#4669F7\]\/5 { background-color: color-mix(in oklab, #4669F7 5%, transparent); } .bg-\[\#4669F7\]\/8 { background-color: color-mix(in oklab, #4669F7 8%, transparent); } .bg-\[\#4669F7\]\/10 { background-color: color-mix(in oklab, #4669F7 10%, transparent); } .bg-\[\#4669F7\]\/15 { background-color: color-mix(in oklab, #4669F7 15%, transparent); } .bg-\[\#4669F7\]\/20 { background-color: color-mix(in oklab, #4669F7 20%, transparent); } .bg-\[\#4669F7\]\/\[0\.05\] { background-color: color-mix(in oklab, #4669F7 5%, transparent); } .bg-\[\#D1D5DB\] { background-color: #D1D5DB; } .bg-\[\#E5E7EB\] { background-color: #E5E7EB; } .bg-\[\#E84E89\] { background-color: #E84E89; } .bg-\[\#E84E89\]\/10 { background-color: color-mix(in oklab, #E84E89 10%, transparent); } .bg-\[\#E84E89\]\/15 { background-color: color-mix(in oklab, #E84E89 15%, transparent); } .bg-\[\#E84E89\]\/20 { background-color: color-mix(in oklab, #E84E89 20%, transparent); } .bg-\[\#E84E89\]\/30 { background-color: color-mix(in oklab, #E84E89 30%, transparent); } .bg-\[\#E84E89\]\/40 { background-color: color-mix(in oklab, #E84E89 40%, transparent); } .bg-\[\#E84E89\]\/60 { background-color: color-mix(in oklab, #E84E89 60%, transparent); } .bg-\[\#E84E89\]\/70 { background-color: color-mix(in oklab, #E84E89 70%, transparent); } .bg-\[\#E84E89\]\/100 { background-color: #E84E89; } .bg-\[\#EEF1FE\] { background-color: #EEF1FE; } .bg-\[\#EEF1FE\]\/20 { background-color: color-mix(in oklab, #EEF1FE 20%, transparent); } .bg-\[\#EEF1FE\]\/30 { background-color: color-mix(in oklab, #EEF1FE 30%, transparent); } .bg-\[\#EEF1FE\]\/40 { background-color: color-mix(in oklab, #EEF1FE 40%, transparent); } .bg-\[\#EEF1FE\]\/60 { background-color: color-mix(in oklab, #EEF1FE 60%, transparent); } .bg-\[\#EEF1FE\]\/70 { background-color: color-mix(in oklab, #EEF1FE 70%, transparent); } .bg-\[\#F0F2F5\] { background-color: #F0F2F5; } .bg-\[\#F3F4F6\] { background-color: #F3F4F6; } .bg-\[\#F3F4F6\]\/50 { background-color: color-mix(in oklab, #F3F4F6 50%, transparent); } .bg-\[\#F3F4F6\]\/60 { background-color: color-mix(in oklab, #F3F4F6 60%, transparent); } .bg-\[\#F3F4F6\]\/80 { background-color: color-mix(in oklab, #F3F4F6 80%, transparent); } .bg-\[\#F5F7FA\] { background-color: #F5F7FA; } .bg-\[\#F7B924\] { background-color: #F7B924; } .bg-\[\#F7B924\]\/5 { background-color: color-mix(in oklab, #F7B924 5%, transparent); } .bg-\[\#F7B924\]\/10 { background-color: color-mix(in oklab, #F7B924 10%, transparent); } .bg-\[\#F7B924\]\/15 { background-color: color-mix(in oklab, #F7B924 15%, transparent); } .bg-\[\#F7B924\]\/20 { background-color: color-mix(in oklab, #F7B924 20%, transparent); } .bg-\[\#F7B924\]\/100 { background-color: #F7B924; } .bg-\[\#F9FAFB\] { background-color: #F9FAFB; } .bg-\[\#FEF2F2\] { background-color: #FEF2F2; } .bg-\[\#FFF5F5\] { background-color: #FFF5F5; } .bg-\[\#e0f7e9\] { background-color: #e0f7e9; } .bg-\[\#f5f5f8\] { background-color: #f5f5f8; } .bg-\[\#f5f8ff\] { background-color: #f5f8ff; } .bg-\[\#f5f9ff\] { background-color: #f5f9ff; } .bg-\[\#f8f9fb\] { background-color: #f8f9fb; } .bg-\[\#fafbff\] { background-color: #fafbff; } .bg-\[var\(--brand-primary\,\#0F67B1\)\] { background-color: var(--brand-primary,#0F67B1); } .bg-\[var\(--brand-primary\,\#0F67B1\)\]\/5 { background-color: var(--brand-primary,#0F67B1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-primary,#0F67B1) 5%, transparent); } } .bg-\[var\(--brand-primary\,\#0F67B1\)\]\/10 { background-color: var(--brand-primary,#0F67B1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-primary,#0F67B1) 10%, transparent); } } .bg-\[var\(--color-primary\)\] { background-color: var(--color-primary); } .bg-\[var\(--zen-card-bg\)\] { background-color: var(--zen-card-bg); } .bg-\[var\(--zen-card-bg\,\#FFFFFF\)\] { background-color: var(--zen-card-bg,#FFFFFF); } .bg-\[var\(--zen-card-border\)\] { background-color: var(--zen-card-border); } .bg-\[var\(--zen-danger\)\] { background-color: var(--zen-danger); } .bg-\[var\(--zen-page-bg\)\] { background-color: var(--zen-page-bg); } .bg-\[var\(--zen-page-bg\)\]\/40 { background-color: var(--zen-page-bg); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-page-bg) 40%, transparent); } } .bg-\[var\(--zen-page-bg\)\]\/60 { background-color: var(--zen-page-bg); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-page-bg) 60%, transparent); } } .bg-\[var\(--zen-page-bg\,\#F0F2F5\)\] { background-color: var(--zen-page-bg,#F0F2F5); } .bg-\[var\(--zen-page-bg\,\#F3F4F6\)\] { background-color: var(--zen-page-bg,#F3F4F6); } .bg-\[var\(--zen-primary\)\] { background-color: var(--zen-primary); } .bg-\[var\(--zen-primary\)\]\/5 { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 5%, transparent); } } .bg-\[var\(--zen-primary\)\]\/8 { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 8%, transparent); } } .bg-\[var\(--zen-primary\)\]\/10 { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 10%, transparent); } } .bg-\[var\(--zen-primary\)\]\/40 { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 40%, transparent); } } .bg-\[var\(--zen-primary\)\]\/70 { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 70%, transparent); } } .bg-\[var\(--zen-primary\)\]\/\[0\.06\] { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 6%, transparent); } } .bg-\[var\(--zen-primary\)\]\/\[0\.10\] { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 10%, transparent); } } .bg-\[var\(--zen-primary\,\#4669F7\)\] { background-color: var(--zen-primary,#4669F7); } .bg-\[var\(--zen-sidebar-active-bg\)\] { background-color: var(--zen-sidebar-active-bg); } .bg-\[var\(--zen-sidebar-active-bg\,\#EEF1FE\)\] { background-color: var(--zen-sidebar-active-bg,#EEF1FE); } .bg-\[var\(--zen-success\)\] { background-color: var(--zen-success); } .bg-\[var\(--zen-warning\)\] { background-color: var(--zen-warning); } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-amber-500\/10 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .bg-amber-500\/20 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .bg-amber-600 { background-color: var(--color-amber-600); } .bg-black { background-color: var(--color-black); } .bg-black\/0 { background-color: color-mix(in srgb, #000 0%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 0%, transparent); } } .bg-black\/10 { background-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/25 { background-color: color-mix(in srgb, #000 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 25%, transparent); } } .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/45 { background-color: color-mix(in srgb, #000 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 45%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/60 { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/80 { background-color: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-50\/50 { background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent); } } .bg-blue-50\/60 { background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent); } } .bg-blue-50\/70 { background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-100\/40 { background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-100) 40%, transparent); } } .bg-blue-200 { background-color: var(--color-blue-200); } .bg-blue-400\/30 { background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent); } } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/10 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-blue-500\/20 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .bg-blue-500\/30 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-cyan-50 { background-color: var(--color-cyan-50); } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-50\/50 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent); } } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-200\/50 { background-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent); } } .bg-emerald-300 { background-color: var(--color-emerald-300); } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-400\/30 { background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent); } } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-emerald-500\/10 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .bg-emerald-500\/20 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-emerald-600\/10 { background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-600) 10%, transparent); } } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-50\/50 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-500\/10 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } .bg-green-500\/20 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .bg-green-600 { background-color: var(--color-green-600); } .bg-healthcare-cool-white { background-color: var(--color-healthcare-cool-white); } .bg-healthcare-emerald { background-color: var(--color-healthcare-emerald); } .bg-healthcare-emerald\/5 { background-color: color-mix(in srgb, #50C878 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-emerald) 5%, transparent); } } .bg-healthcare-emerald\/10 { background-color: color-mix(in srgb, #50C878 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-emerald) 10%, transparent); } } .bg-healthcare-emerald\/20 { background-color: color-mix(in srgb, #50C878 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-emerald) 20%, transparent); } } .bg-healthcare-emerald\/30 { background-color: color-mix(in srgb, #50C878 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-emerald) 30%, transparent); } } .bg-healthcare-indigo { background-color: var(--color-healthcare-indigo); } .bg-healthcare-indigo\/10 { background-color: color-mix(in srgb, #4F46E5 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-indigo) 10%, transparent); } } .bg-healthcare-primary { background-color: var(--color-healthcare-primary); } .bg-healthcare-primary\/5 { background-color: color-mix(in srgb, #0F67B1 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 5%, transparent); } } .bg-healthcare-primary\/10 { background-color: color-mix(in srgb, #0F67B1 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 10%, transparent); } } .bg-healthcare-primary\/20 { background-color: color-mix(in srgb, #0F67B1 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 20%, transparent); } } .bg-healthcare-primary\/95 { background-color: color-mix(in srgb, #0F67B1 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 95%, transparent); } } .bg-healthcare-teal { background-color: var(--color-healthcare-teal); } .bg-healthcare-teal\/10 { background-color: color-mix(in srgb, #008080 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-teal) 10%, transparent); } } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-100\/40 { background-color: color-mix(in srgb, oklch(93% 0.034 272.788) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-100) 40%, transparent); } } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-lime-50 { background-color: var(--color-lime-50); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-orange-500\/5 { background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 5%, transparent); } } .bg-orange-500\/10 { background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .bg-orange-500\/20 { background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .bg-orange-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 5%, transparent); } } .bg-pink-50 { background-color: var(--color-pink-50); } .bg-pink-200 { background-color: var(--color-pink-200); } .bg-primary { background-color: var(--color-primary); } .bg-primary\/20 { background-color: color-mix(in srgb, #2563EB 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-500\/20 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-50\/50 { background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent); } } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-500\/10 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .bg-red-500\/20 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-600\/20 { background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent); } } .bg-red-600\/80 { background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-600) 80%, transparent); } } .bg-red-950\/30 { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent); } } .bg-red-950\/50 { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent); } } .bg-rose-50 { background-color: var(--color-rose-50); } .bg-rose-100 { background-color: var(--color-rose-100); } .bg-rose-500 { background-color: var(--color-rose-500); } .bg-rose-500\/10 { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .bg-secondary { background-color: var(--color-secondary); } .bg-sky-50 { background-color: var(--color-sky-50); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-50\/40 { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent); } } .bg-slate-50\/50 { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent); } } .bg-slate-50\/80 { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent); } } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-100\/80 { background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent); } } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-slate-300 { background-color: var(--color-slate-300); } .bg-slate-400 { background-color: var(--color-slate-400); } .bg-slate-500 { background-color: var(--color-slate-500); } .bg-slate-500\/20 { background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent); } } .bg-slate-600 { background-color: var(--color-slate-600); } .bg-slate-600\/40 { background-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-600) 40%, transparent); } } .bg-slate-600\/50 { background-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent); } } .bg-slate-600\/60 { background-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-600) 60%, transparent); } } .bg-slate-700 { background-color: var(--color-slate-700); } .bg-slate-700\/40 { background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent); } } .bg-slate-700\/50 { background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .bg-slate-700\/60 { background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent); } } .bg-slate-700\/70 { background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-700) 70%, transparent); } } .bg-slate-800 { background-color: var(--color-slate-800); } .bg-slate-800\/30 { background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent); } } .bg-slate-800\/50 { background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent); } } .bg-slate-800\/60 { background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent); } } .bg-slate-800\/70 { background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-800) 70%, transparent); } } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-slate-900\/20 { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent); } } .bg-slate-900\/50 { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent); } } .bg-slate-900\/70 { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent); } } .bg-slate-900\/95 { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent); } } .bg-slate-950 { background-color: var(--color-slate-950); } .bg-slate-950\/90 { background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-950) 90%, transparent); } } .bg-teal-50 { background-color: var(--color-teal-50); } .bg-teal-100 { background-color: var(--color-teal-100); } .bg-teal-400 { background-color: var(--color-teal-400); } .bg-teal-400\/40 { background-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-400) 40%, transparent); } } .bg-teal-500 { background-color: var(--color-teal-500); } .bg-teal-500\/10 { background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent); } } .bg-teal-600 { background-color: var(--color-teal-600); } .bg-transparent { background-color: transparent; } .bg-violet-50 { background-color: var(--color-violet-50); } .bg-violet-100 { background-color: var(--color-violet-100); } .bg-violet-500\/10 { background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/10 { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/15 { background-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/30 { background-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/40 { background-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .bg-white\/50 { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/80 { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/90 { background-color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-white\/95 { background-color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-white\/\[0\.02\] { background-color: color-mix(in srgb, #fff 2%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-200 { background-color: var(--color-yellow-200); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-500\/10 { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } .bg-yellow-500\/20 { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .bg-linear-to-r { --tw-gradient-position: to right; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to right in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .\!bg-none { background-image: none !important; } .bg-\[radial-gradient\(circle_at_center\,rgba\(15\,103\,177\,0\.15\)\,transparent_70\%\)\] { background-image: radial-gradient(circle at center,rgba(15,103,177,0.15),transparent 70%); } .bg-\[radial-gradient\(circle_at_top\,\#ffffff22\,transparent_55\%\)\] { background-image: radial-gradient(circle at top,#ffffff22,transparent 55%); } .from-\[\#0B0A0A\]\/80 { --tw-gradient-from: color-mix(in oklab, #0B0A0A 80%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#0F67B1\] { --tw-gradient-from: #0F67B1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#1A2434\] { --tw-gradient-from: #1A2434; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#5DA8FB\] { --tw-gradient-from: #5DA8FB; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#5DA8FB\]\/70 { --tw-gradient-from: color-mix(in oklab, #5DA8FB 70%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#007C7C\] { --tw-gradient-from: #007C7C; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#007C7C\]\/5 { --tw-gradient-from: color-mix(in oklab, #007C7C 5%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#47B387\] { --tw-gradient-from: #47B387; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#47B387\]\/5 { --tw-gradient-from: color-mix(in oklab, #47B387 5%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#47B387\]\/10 { --tw-gradient-from: color-mix(in oklab, #47B387 10%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#47B387\]\/70 { --tw-gradient-from: color-mix(in oklab, #47B387 70%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#4669F7\] { --tw-gradient-from: #4669F7; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#4669F7\]\/5 { --tw-gradient-from: color-mix(in oklab, #4669F7 5%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#4669F7\]\/15 { --tw-gradient-from: color-mix(in oklab, #4669F7 15%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#4669F7\]\/70 { --tw-gradient-from: color-mix(in oklab, #4669F7 70%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#4669F7\]\/\[0\.03\] { --tw-gradient-from: color-mix(in oklab, #4669F7 3%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#E84E89\] { --tw-gradient-from: #E84E89; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#E84E89\]\/5 { --tw-gradient-from: color-mix(in oklab, #E84E89 5%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#EEF1FE\]\/70 { --tw-gradient-from: color-mix(in oklab, #EEF1FE 70%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#EEF1FE\]\/80 { --tw-gradient-from: color-mix(in oklab, #EEF1FE 80%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#F3F4F6\] { --tw-gradient-from: #F3F4F6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#F7B924\] { --tw-gradient-from: #F7B924; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#F7B924\]\/5 { --tw-gradient-from: color-mix(in oklab, #F7B924 5%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#F7B924\]\/70 { --tw-gradient-from: color-mix(in oklab, #F7B924 70%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-50 { --tw-gradient-from: var(--color-amber-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-50\/60 { --tw-gradient-from: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-amber-50) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-500 { --tw-gradient-from: var(--color-amber-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/20 { --tw-gradient-from: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/30 { --tw-gradient-from: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/60 { --tw-gradient-from: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50\/30 { --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50\/50 { --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50\/60 { --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50\/70 { --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-100 { --tw-gradient-from: var(--color-blue-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500\/10 { --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-600 { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-50 { --tw-gradient-from: var(--color-emerald-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-50\/30 { --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-50) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-50\/70 { --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-50) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-400 { --tw-gradient-from: var(--color-emerald-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-500 { --tw-gradient-from: var(--color-emerald-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-500\/10 { --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-900\/30 { --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-50 { --tw-gradient-from: var(--color-gray-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-500 { --tw-gradient-from: var(--color-gray-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-50 { --tw-gradient-from: var(--color-green-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-400 { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-healthcare-cool-white { --tw-gradient-from: var(--color-healthcare-cool-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-healthcare-emerald { --tw-gradient-from: var(--color-healthcare-emerald); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-healthcare-primary { --tw-gradient-from: var(--color-healthcare-primary); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-healthcare-primary\/5 { --tw-gradient-from: color-mix(in srgb, #0F67B1 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-healthcare-primary) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-healthcare-primary\/10 { --tw-gradient-from: color-mix(in srgb, #0F67B1 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-healthcare-primary) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-500 { --tw-gradient-from: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-50\/60 { --tw-gradient-from: color-mix(in srgb, oklch(98% 0.016 73.684) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-orange-50) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-500 { --tw-gradient-from: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-500\/15 { --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-500\/\[0\.03\] { --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 3%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 3%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-50 { --tw-gradient-from: var(--color-purple-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-500 { --tw-gradient-from: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-600 { --tw-gradient-from: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-rose-50\/70 { --tw-gradient-from: color-mix(in srgb, oklch(96.9% 0.015 12.422) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-rose-50) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-rose-500 { --tw-gradient-from: var(--color-rose-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-sky-200\/30 { --tw-gradient-from: color-mix(in srgb, oklch(90.1% 0.058 230.902) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-sky-200) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-sky-400 { --tw-gradient-from: var(--color-sky-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-50 { --tw-gradient-from: var(--color-slate-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-50\/50 { --tw-gradient-from: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-slate-50) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-100 { --tw-gradient-from: var(--color-slate-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-200 { --tw-gradient-from: var(--color-slate-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-800 { --tw-gradient-from: var(--color-slate-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-900 { --tw-gradient-from: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-900\/60 { --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-50 { --tw-gradient-from: var(--color-teal-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-50\/70 { --tw-gradient-from: color-mix(in srgb, oklch(98.4% 0.014 180.72) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-teal-50) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-500 { --tw-gradient-from: var(--color-teal-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-violet-50\/70 { --tw-gradient-from: color-mix(in srgb, oklch(96.9% 0.016 293.756) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-violet-50) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/50 { --tw-gradient-from: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-white) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-\[\#0B0A0A\]\/20 { --tw-gradient-via: color-mix(in oklab, #0B0A0A 20%, transparent); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[\#1a7fd4\] { --tw-gradient-via: #1a7fd4; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[\#0891B2\] { --tw-gradient-via: #0891B2; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[\#4669F7\] { --tw-gradient-via: #4669F7; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[\#4669F7\]\/\[0\.01\] { --tw-gradient-via: color-mix(in oklab, #4669F7 1%, transparent); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[\#EEF1FE\]\/60 { --tw-gradient-via: color-mix(in oklab, #EEF1FE 60%, transparent); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/20 { --tw-gradient-via: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-healthcare-teal { --tw-gradient-via: var(--color-healthcare-teal); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-orange-500\/\[0\.01\] { --tw-gradient-via: color-mix(in srgb, oklch(70.5% 0.213 47.604) 1%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 1%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-slate-50 { --tw-gradient-via: var(--color-slate-50); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-slate-300 { --tw-gradient-via: var(--color-slate-300); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-slate-800 { --tw-gradient-via: var(--color-slate-800); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-slate-900 { --tw-gradient-via: var(--color-slate-900); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-teal-600 { --tw-gradient-via: var(--color-teal-600); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white { --tw-gradient-via: var(--color-white); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/20 { --tw-gradient-via: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 20%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/30 { --tw-gradient-via: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 30%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/40 { --tw-gradient-via: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-\[\#0E7490\] { --tw-gradient-to: #0E7490; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#00a3a3\] { --tw-gradient-to: #00a3a3; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#1A2434\] { --tw-gradient-to: #1A2434; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#1A2434\]\/90 { --tw-gradient-to: color-mix(in oklab, #1A2434 90%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#1a7cd6\] { --tw-gradient-to: #1a7cd6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#1a7fd4\] { --tw-gradient-to: #1a7fd4; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#2d7a5a\] { --tw-gradient-to: #2d7a5a; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#3b9ae8\] { --tw-gradient-to: #3b9ae8; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#5DA8FB\] { --tw-gradient-to: #5DA8FB; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#47B387\] { --tw-gradient-to: #47B387; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#47B387\]\/5 { --tw-gradient-to: color-mix(in oklab, #47B387 5%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#96E9C6\] { --tw-gradient-to: #96E9C6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#0891B2\] { --tw-gradient-to: #0891B2; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#03346E\] { --tw-gradient-to: #03346E; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#4669F7\] { --tw-gradient-to: #4669F7; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#4669F7\]\/5 { --tw-gradient-to: color-mix(in oklab, #4669F7 5%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#C73D6E\] { --tw-gradient-to: #C73D6E; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#D9A21F\] { --tw-gradient-to: #D9A21F; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#E5E7EB\] { --tw-gradient-to: #E5E7EB; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#E84E89\] { --tw-gradient-to: #E84E89; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#EEF1FE\] { --tw-gradient-to: #EEF1FE; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#EEF1FE\]\/30 { --tw-gradient-to: color-mix(in oklab, #EEF1FE 30%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#F7B924\] { --tw-gradient-to: #F7B924; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-amber-400 { --tw-gradient-to: var(--color-amber-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-amber-500\/5 { --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-amber-600 { --tw-gradient-to: var(--color-amber-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/40 { --tw-gradient-to: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-50 { --tw-gradient-to: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-50\/30 { --tw-gradient-to: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-blue-50) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-100 { --tw-gradient-to: var(--color-blue-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-200 { --tw-gradient-to: var(--color-blue-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-400 { --tw-gradient-to: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-500 { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-50 { --tw-gradient-to: var(--color-cyan-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-100 { --tw-gradient-to: var(--color-cyan-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-500 { --tw-gradient-to: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-600 { --tw-gradient-to: var(--color-cyan-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-50 { --tw-gradient-to: var(--color-emerald-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-100 { --tw-gradient-to: var(--color-emerald-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-600 { --tw-gradient-to: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-600 { --tw-gradient-to: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-600 { --tw-gradient-to: var(--color-green-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-healthcare-emerald { --tw-gradient-to: var(--color-healthcare-emerald); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-healthcare-emerald\/5 { --tw-gradient-to: color-mix(in srgb, #50C878 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-healthcare-emerald) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-healthcare-teal { --tw-gradient-to: var(--color-healthcare-teal); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-healthcare-teal\/5 { --tw-gradient-to: color-mix(in srgb, #008080 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-healthcare-teal) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-50 { --tw-gradient-to: var(--color-indigo-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-50\/20 { --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-50) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-50\/30 { --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-50) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-500\/10 { --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-600 { --tw-gradient-to: var(--color-indigo-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-50 { --tw-gradient-to: var(--color-orange-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-50 { --tw-gradient-to: var(--color-purple-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-600 { --tw-gradient-to: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-50 { --tw-gradient-to: var(--color-red-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-600 { --tw-gradient-to: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-700 { --tw-gradient-to: var(--color-red-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-rose-600 { --tw-gradient-to: var(--color-rose-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-50 { --tw-gradient-to: var(--color-slate-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-100 { --tw-gradient-to: var(--color-slate-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-100\/50 { --tw-gradient-to: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-slate-100) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-200 { --tw-gradient-to: var(--color-slate-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-300 { --tw-gradient-to: var(--color-slate-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-800 { --tw-gradient-to: var(--color-slate-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-800\/40 { --tw-gradient-to: color-mix(in srgb, oklch(27.9% 0.041 260.031) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-slate-800) 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-900 { --tw-gradient-to: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-900\/50 { --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-slate-900) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-950 { --tw-gradient-to: var(--color-slate-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-50 { --tw-gradient-to: var(--color-teal-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-50\/20 { --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.014 180.72) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-teal-50) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-50\/50 { --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.014 180.72) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-teal-50) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-100 { --tw-gradient-to: var(--color-teal-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-500 { --tw-gradient-to: var(--color-teal-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-600 { --tw-gradient-to: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-violet-50 { --tw-gradient-to: var(--color-violet-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/30 { --tw-gradient-to: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-white) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-50 { --tw-gradient-to: var(--color-yellow-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-clip-text { background-clip: text; } .fill-\[\#0F67B1\] { fill: #0F67B1; } .fill-\[\#47B387\] { fill: #47B387; } .fill-amber-400 { fill: var(--color-amber-400); } .fill-current { fill: currentcolor; } .fill-gray-200 { fill: var(--color-gray-200); } .fill-none { fill: none; } .fill-primary { fill: var(--color-primary); } .fill-slate-400 { fill: var(--color-slate-400); } .fill-white { fill: var(--color-white); } .stroke-\[\#5DA8FB\] { stroke: #5DA8FB; } .stroke-\[\#47B387\] { stroke: #47B387; } .stroke-\[\#4669F7\] { stroke: #4669F7; } .stroke-\[\#F7B924\] { stroke: #F7B924; } .stroke-\[1\.5\] { stroke-width: 1.5; } .stroke-\[2\.5\] { stroke-width: 2.5; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .object-center { object-position: center; } .object-top { object-position: top; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-3\.5 { padding: calc(var(--spacing) * 3.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-16 { padding: calc(var(--spacing) * 16); } .p-101 { padding: calc(var(--spacing) * 101); } .p-102 { padding: calc(var(--spacing) * 102); } .p-103 { padding: calc(var(--spacing) * 103); } .p-104 { padding: calc(var(--spacing) * 104); } .p-105 { padding: calc(var(--spacing) * 105); } .p-\[1px\] { padding: 1px; } .p-\[24px\] { padding: 24px; } .p-\[var\(--zen-card-padding\)\] { padding: var(--zen-card-padding); } .p-\[var\(--zen-card-padding\,24px\)\] { padding: var(--zen-card-padding,24px); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-\[clamp\(6rem\,12vh\,12rem\)\] { padding-block: clamp(6rem, 12vh, 12rem); } .py-\[clamp\(8rem\,16vh\,14rem\)\] { padding-block: clamp(8rem, 16vh, 14rem); } .py-px { padding-block: 1px; } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-9 { padding-top: calc(var(--spacing) * 9); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pt-\[clamp\(4rem\,8vh\,8rem\)\] { padding-top: clamp(4rem, 8vh, 8rem); } .pt-\[clamp\(5rem\,14vh\,8rem\)\] { padding-top: clamp(5rem, 14vh, 8rem); } .pt-px { padding-top: 1px; } .pr-0\.5 { padding-right: calc(var(--spacing) * 0.5); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-1\.5 { padding-right: calc(var(--spacing) * 1.5); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-11 { padding-right: calc(var(--spacing) * 11); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-14 { padding-right: calc(var(--spacing) * 14); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-28 { padding-bottom: calc(var(--spacing) * 28); } .pb-32 { padding-bottom: calc(var(--spacing) * 32); } .pb-\[clamp\(1\.5rem\,3vh\,3rem\)\] { padding-bottom: clamp(1.5rem, 3vh, 3rem); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .pl-\[3\.25rem\] { padding-left: 3.25rem; } .pl-\[22px\] { padding-left: 22px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[0\.625rem\] { font-size: 0.625rem; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[12rem\] { font-size: 12rem; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[28px\] { font-size: 28px; } .text-\[80px\] { font-size: 80px; } .text-\[150px\] { font-size: 150px; } .text-\[clamp\(0\.75rem\,1\.5vw\,1rem\)\] { font-size: clamp(0.75rem, 1.5vw, 1rem); } .text-\[clamp\(1\.5rem\,3vw\,2\.25rem\)\] { font-size: clamp(1.5rem, 3vw, 2.25rem); } .text-\[clamp\(1\.5rem\,4vw\,2\.5rem\)\] { font-size: clamp(1.5rem, 4vw, 2.5rem); } .text-\[clamp\(1\.25rem\,3vw\,1\.75rem\)\] { font-size: clamp(1.25rem, 3vw, 1.75rem); } .text-\[clamp\(1\.75rem\,3\.5vw\,2\.5rem\)\] { font-size: clamp(1.75rem, 3.5vw, 2.5rem); } .text-\[clamp\(2rem\,4vw\,3rem\)\] { font-size: clamp(2rem, 4vw, 3rem); } .text-\[clamp\(2rem\,5vw\,3\.5rem\)\] { font-size: clamp(2rem, 5vw, 3.5rem); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.06\] { --tw-leading: 1.06; line-height: 1.06; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.1em\] { --tw-tracking: 0.1em; letter-spacing: 0.1em; } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.3em\] { --tw-tracking: 0.3em; letter-spacing: 0.3em; } .tracking-\[0\.4em\] { --tw-tracking: 0.4em; letter-spacing: 0.4em; } .tracking-\[0\.5em\] { --tw-tracking: 0.5em; letter-spacing: 0.5em; } .tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; } .tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; } .tracking-\[0\.14em\] { --tw-tracking: 0.14em; letter-spacing: 0.14em; } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.28em\] { --tw-tracking: 0.28em; letter-spacing: 0.28em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\[\#0B0A0A\] { color: #0B0A0A; } .text-\[\#0F67B1\] { color: #0F67B1; } .text-\[\#0F67B1\]\/40 { color: color-mix(in oklab, #0F67B1 40%, transparent); } .text-\[\#1A2434\] { color: #1A2434; } .text-\[\#5DA8FB\] { color: #5DA8FB; } .text-\[\#5DA8FB\]\/80 { color: color-mix(in oklab, #5DA8FB 80%, transparent); } .text-\[\#6B7280\] { color: #6B7280; } .text-\[\#6B7280\]\/50 { color: color-mix(in oklab, #6B7280 50%, transparent); } .text-\[\#6caada\] { color: #6caada; } .text-\[\#007C7C\] { color: #007C7C; } .text-\[\#8ab4d5\] { color: #8ab4d5; } .text-\[\#9CA3AF\] { color: #9CA3AF; } .text-\[\#47B387\] { color: #47B387; } .text-\[\#47B387\]\/40 { color: color-mix(in oklab, #47B387 40%, transparent); } .text-\[\#47B387\]\/50 { color: color-mix(in oklab, #47B387 50%, transparent); } .text-\[\#47B387\]\/80 { color: color-mix(in oklab, #47B387 80%, transparent); } .text-\[\#96b4d0\] { color: #96b4d0; } .text-\[\#991B1B\] { color: #991B1B; } .text-\[\#2563EB\] { color: #2563EB; } .text-\[\#2563eb\] { color: #2563eb; } .text-\[\#4669F7\] { color: #4669F7; } .text-\[\#4669F7\]\/50 { color: color-mix(in oklab, #4669F7 50%, transparent); } .text-\[\#4669F7\]\/60 { color: color-mix(in oklab, #4669F7 60%, transparent); } .text-\[\#4669F7\]\/70 { color: color-mix(in oklab, #4669F7 70%, transparent); } .text-\[\#059669\] { color: #059669; } .text-\[\#64748b\] { color: #64748b; } .text-\[\#111827\] { color: #111827; } .text-\[\#B91C1C\] { color: #B91C1C; } .text-\[\#D1D5DB\] { color: #D1D5DB; } .text-\[\#E5E7EB\] { color: #E5E7EB; } .text-\[\#E84E89\] { color: #E84E89; } .text-\[\#E84E89\]\/60 { color: color-mix(in oklab, #E84E89 60%, transparent); } .text-\[\#E84E89\]\/70 { color: color-mix(in oklab, #E84E89 70%, transparent); } .text-\[\#E84E89\]\/80 { color: color-mix(in oklab, #E84E89 80%, transparent); } .text-\[\#EEF1FE\] { color: #EEF1FE; } .text-\[\#EF4444\] { color: #EF4444; } .text-\[\#F7B924\] { color: #F7B924; } .text-\[var\(--brand-primary\,\#0F67B1\)\] { color: var(--brand-primary,#0F67B1); } .text-\[var\(--color-primary\)\] { color: var(--color-primary); } .text-\[var\(--zen-danger\)\] { color: var(--zen-danger); } .text-\[var\(--zen-primary\)\] { color: var(--zen-primary); } .text-\[var\(--zen-primary\)\]\/50 { color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--zen-primary) 50%, transparent); } } .text-\[var\(--zen-primary\,\#4F6BED\)\] { color: var(--zen-primary,#4F6BED); } .text-\[var\(--zen-primary\,\#4669F7\)\] { color: var(--zen-primary,#4669F7); } .text-\[var\(--zen-sidebar-active-text\)\] { color: var(--zen-sidebar-active-text); } .text-\[var\(--zen-sidebar-active-text\,\#4669F7\)\] { color: var(--zen-sidebar-active-text,#4669F7); } .text-\[var\(--zen-sidebar-item-text\,\#6B7280\)\] { color: var(--zen-sidebar-item-text,#6B7280); } .text-\[var\(--zen-sidebar-section-text\,\#9CA3AF\)\] { color: var(--zen-sidebar-section-text,#9CA3AF); } .text-\[var\(--zen-success\)\] { color: var(--zen-success); } .text-\[var\(--zen-text-muted\)\] { color: var(--zen-text-muted); } .text-\[var\(--zen-text-muted\,\#9CA3AF\)\] { color: var(--zen-text-muted,#9CA3AF); } .text-\[var\(--zen-text-primary\)\] { color: var(--zen-text-primary); } .text-\[var\(--zen-text-primary\,\#1A2434\)\] { color: var(--zen-text-primary,#1A2434); } .text-\[var\(--zen-text-primary\,\#111827\)\] { color: var(--zen-text-primary,#111827); } .text-\[var\(--zen-text-secondary\)\] { color: var(--zen-text-secondary); } .text-\[var\(--zen-text-secondary\,\#6B7280\)\] { color: var(--zen-text-secondary,#6B7280); } .text-\[var\(--zen-warning\)\] { color: var(--zen-warning); } .text-amber-100 { color: var(--color-amber-100); } .text-amber-400 { color: var(--color-amber-400); } .text-amber-500 { color: var(--color-amber-500); } .text-amber-600 { color: var(--color-amber-600); } .text-amber-700 { color: var(--color-amber-700); } .text-amber-800 { color: var(--color-amber-800); } .text-amber-900 { color: var(--color-amber-900); } .text-blue-100 { color: var(--color-blue-100); } .text-blue-200 { color: var(--color-blue-200); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-cyan-500 { color: var(--color-cyan-500); } .text-cyan-700 { color: var(--color-cyan-700); } .text-emerald-100 { color: var(--color-emerald-100); } .text-emerald-200 { color: var(--color-emerald-200); } .text-emerald-300 { color: var(--color-emerald-300); } .text-emerald-400 { color: var(--color-emerald-400); } .text-emerald-500 { color: var(--color-emerald-500); } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-700 { color: var(--color-emerald-700); } .text-emerald-800 { color: var(--color-emerald-800); } .text-emerald-900 { color: var(--color-emerald-900); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-100 { color: var(--color-green-100); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-healthcare-emerald { color: var(--color-healthcare-emerald); } .text-healthcare-indigo { color: var(--color-healthcare-indigo); } .text-healthcare-primary { color: var(--color-healthcare-primary); } .text-healthcare-primary\/60 { color: color-mix(in srgb, #0F67B1 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-healthcare-primary) 60%, transparent); } } .text-healthcare-secondary { color: var(--color-healthcare-secondary); } .text-healthcare-teal { color: var(--color-healthcare-teal); } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-indigo-700 { color: var(--color-indigo-700); } .text-inherit { color: inherit; } .text-lime-700 { color: var(--color-lime-700); } .text-lp-muted { color: var(--color-lp-muted); } .text-lp-text-primary { color: var(--color-lp-text-primary); } .text-lp-text-secondary { color: var(--color-lp-text-secondary); } .text-medical { color: var(--color-medical); } .text-orange-400 { color: var(--color-orange-400); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-500\/60 { color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-orange-500) 60%, transparent); } } .text-orange-600 { color: var(--color-orange-600); } .text-orange-700 { color: var(--color-orange-700); } .text-pink-500 { color: var(--color-pink-500); } .text-pink-700 { color: var(--color-pink-700); } .text-primary { color: var(--color-primary); } .text-purple-100 { color: var(--color-purple-100); } .text-purple-200 { color: var(--color-purple-200); } .text-purple-400 { color: var(--color-purple-400); } .text-purple-500 { color: var(--color-purple-500); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-red-100 { color: var(--color-red-100); } .text-red-200 { color: var(--color-red-200); } .text-red-200\/80 { color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-red-200) 80%, transparent); } } .text-red-300 { color: var(--color-red-300); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-500\/\[0\.04\] { color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 4%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-red-500) 4%, transparent); } } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-rose-500 { color: var(--color-rose-500); } .text-rose-700 { color: var(--color-rose-700); } .text-sky-700 { color: var(--color-sky-700); } .text-slate-100 { color: var(--color-slate-100); } .text-slate-200 { color: var(--color-slate-200); } .text-slate-300 { color: var(--color-slate-300); } .text-slate-400 { color: var(--color-slate-400); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-800 { color: var(--color-slate-800); } .text-slate-900 { color: var(--color-slate-900); } .text-teal-50 { color: var(--color-teal-50); } .text-teal-400 { color: var(--color-teal-400); } .text-teal-500 { color: var(--color-teal-500); } .text-teal-600 { color: var(--color-teal-600); } .text-teal-700 { color: var(--color-teal-700); } .text-teal-900 { color: var(--color-teal-900); } .text-transparent { color: transparent; } .text-violet-500 { color: var(--color-violet-500); } .text-violet-600 { color: var(--color-violet-600); } .text-violet-700 { color: var(--color-violet-700); } .text-white { color: var(--color-white); } .text-white\/30 { color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/65 { color: color-mix(in srgb, #fff 65%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 65%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-yellow-100 { color: var(--color-yellow-100); } .text-yellow-200 { color: var(--color-yellow-200); } .text-yellow-300 { color: var(--color-yellow-300); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-\[var\(--zen-text-muted\)\] { &::placeholder { color: var(--zen-text-muted); } } .placeholder-gray-400 { &::placeholder { color: var(--color-gray-400); } } .placeholder-slate-400 { &::placeholder { color: var(--color-slate-400); } } .\[color-scheme\:light\] { color-scheme: light; } .opacity-0 { opacity: 0%; } .opacity-5 { opacity: 5%; } .opacity-10 { opacity: 10%; } .opacity-15 { opacity: 15%; } .opacity-18 { opacity: 18%; } .opacity-20 { opacity: 20%; } .opacity-30 { opacity: 30%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-55 { opacity: 55%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-90 { opacity: 90%; } .opacity-100 { opacity: 100%; } .opacity-\[0\.03\] { opacity: 0.03; } .opacity-\[0\.3\] { opacity: 0.3; } .opacity-\[0\.04\] { opacity: 0.04; } .opacity-\[0\.05\] { opacity: 0.05; } .opacity-\[0\.06\] { opacity: 0.06; } .opacity-\[0\.08\] { opacity: 0.08; } .mix-blend-difference { mix-blend-mode: difference; } .shadow-\[var\(--zen-primary\)\]\/20 { --tw-shadow-alpha: 20%; --tw-shadow: var(--zen-primary); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[var\(--zen-primary\)\]\/25 { --tw-shadow-alpha: 25%; --tw-shadow: var(--zen-primary); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[var\(--zen-primary\,\#4669F7\)\]\/30 { --tw-shadow-alpha: 30%; --tw-shadow: var(--zen-primary,#4669F7); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_12px_rgba\(70\,105\,247\,0\.08\)\] { --tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(70,105,247,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_16px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 2px 16px var(--tw-shadow-color, rgba(0,0,0,0.06)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_60px_rgba\(15\,103\,177\,0\.12\)\] { --tw-shadow: 0 24px 60px var(--tw-shadow-color, rgba(15,103,177,0.12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_25px_60px_-12px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 25px 60px -12px var(--tw-shadow-color, rgba(0,0,0,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_4px_20px_rgba\(26\,36\,52\,0\.05\)\] { --tw-shadow: 0px 4px 20px var(--tw-shadow-color, rgba(26,36,52,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[1px_0_0_0_\#F3F4F6\] { --tw-shadow: 1px 0 0 0 var(--tw-shadow-color, #F3F4F6); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[\#0F67B1\]\/10 { --tw-shadow-color: color-mix(in srgb, #0F67B1 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #0F67B1 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#007C7C\]\/20 { --tw-shadow-color: color-mix(in srgb, #007C7C 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #007C7C 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#47B387\]\/20 { --tw-shadow-color: color-mix(in srgb, #47B387 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #47B387 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#47B387\]\/25 { --tw-shadow-color: color-mix(in srgb, #47B387 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #47B387 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#47B387\]\/30 { --tw-shadow-color: color-mix(in srgb, #47B387 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #47B387 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#4669F7\]\/10 { --tw-shadow-color: color-mix(in srgb, #4669F7 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #4669F7 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#4669F7\]\/20 { --tw-shadow-color: color-mix(in srgb, #4669F7 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #4669F7 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#4669F7\]\/25 { --tw-shadow-color: color-mix(in srgb, #4669F7 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #4669F7 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#E84E89\]\/20 { --tw-shadow-color: color-mix(in srgb, #E84E89 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #E84E89 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#F3F4F6\]\/50 { --tw-shadow-color: color-mix(in srgb, #F3F4F6 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #F3F4F6 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/8 { --tw-shadow-color: color-mix(in srgb, #000 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 8%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/10 { --tw-shadow-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/12 { --tw-shadow-color: color-mix(in srgb, #000 12%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 12%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/20 { --tw-shadow-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/40 { --tw-shadow-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/\[0\.1\] { --tw-shadow-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-100\/30 { --tw-shadow-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-100) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-200 { --tw-shadow-color: oklch(88.2% 0.059 254.128); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent); } } .shadow-blue-200\/50 { --tw-shadow-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-200) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/20 { --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/30 { --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-emerald-100\/30 { --tw-shadow-color: color-mix(in srgb, oklch(95% 0.052 163.051) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-100) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-emerald-200 { --tw-shadow-color: oklch(90.5% 0.093 164.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent); } } .shadow-emerald-500\/20 { --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-emerald-500\/30 { --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-healthcare-primary\/25 { --tw-shadow-color: color-mix(in srgb, #0F67B1 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-healthcare-primary) 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-healthcare-primary\/30 { --tw-shadow-color: color-mix(in srgb, #0F67B1 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-healthcare-primary) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-orange-500\/10 { --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-orange-500\/20 { --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-orange-500\/25 { --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-red-600\/20 { --tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-red-600\/30 { --tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-slate-100 { --tw-shadow-color: oklch(96.8% 0.007 247.896); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-slate-100) var(--tw-shadow-alpha), transparent); } } .shadow-slate-200\/20 { --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-slate-200\/30 { --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-slate-200\/50 { --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-slate-300\/50 { --tw-shadow-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-300) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-slate-900\/5 { --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-\[\#1A2434\] { --tw-ring-color: #1A2434; } .ring-\[\#5DA8FB\]\/20 { --tw-ring-color: color-mix(in oklab, #5DA8FB 20%, transparent); } .ring-\[\#47B387\]\/30 { --tw-ring-color: color-mix(in oklab, #47B387 30%, transparent); } .ring-\[\#4669F7\]\/10 { --tw-ring-color: color-mix(in oklab, #4669F7 10%, transparent); } .ring-\[\#4669F7\]\/20 { --tw-ring-color: color-mix(in oklab, #4669F7 20%, transparent); } .ring-\[\#E5E7EB\] { --tw-ring-color: #E5E7EB; } .ring-\[\#F7B924\]\/20 { --tw-ring-color: color-mix(in oklab, #F7B924 20%, transparent); } .ring-\[\#F7B924\]\/30 { --tw-ring-color: color-mix(in oklab, #F7B924 30%, transparent); } .ring-\[var\(--zen-primary\)\] { --tw-ring-color: var(--zen-primary); } .ring-\[var\(--zen-primary\)\]\/15 { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 15%, transparent); } } .ring-\[var\(--zen-primary\)\]\/20 { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 20%, transparent); } } .ring-\[var\(--zen-primary\)\]\/30 { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 30%, transparent); } } .ring-blue-400\/50 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent); } } .ring-blue-500 { --tw-ring-color: var(--color-blue-500); } .ring-healthcare-primary { --tw-ring-color: var(--color-healthcare-primary); } .ring-healthcare-primary\/20 { --tw-ring-color: color-mix(in srgb, #0F67B1 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-healthcare-primary) 20%, transparent); } } .ring-orange-500\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .ring-slate-200 { --tw-ring-color: var(--color-slate-200); } .ring-teal-200 { --tw-ring-color: var(--color-teal-200); } .ring-white { --tw-ring-color: var(--color-white); } .ring-offset-1 { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-white { --tw-ring-offset-color: var(--color-white); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[2px\] { --tw-blur: blur(2px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-sm { --tw-blur: blur(var(--blur-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-xl { --tw-blur: blur(var(--blur-xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06))); --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_0_4px_rgba\(255\,255\,255\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 4px var(--tw-drop-shadow-color, rgba(255,255,255,0.8))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_0_12px_rgba\(14\,159\,159\,0\.9\)\] { --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, rgba(14,159,159,0.9))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-none { --tw-drop-shadow: ; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[3px\] { --tw-backdrop-blur: blur(3px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,color\] { transition-property: background-color,color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[border-color\,background-color\] { transition-property: border-color,background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin-left\] { transition-property: margin-left; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,width\] { transition-property: opacity,width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .delay-100 { transition-delay: 100ms; } .delay-200 { transition-delay: 200ms; } .delay-300 { transition-delay: 300ms; } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] { --tw-ease: cubic-bezier(0.4,0,0.2,1); transition-timing-function: cubic-bezier(0.4,0,0.2,1); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .will-change-transform { will-change: transform; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[--gap\:1rem\] { --gap: 1rem; } .\[animation-direction\:reverse\] { animation-direction: reverse; } .group-focus-within\:text-blue-500 { &:is(:where(.group):focus-within *) { color: var(--color-blue-500); } } .group-focus-within\:opacity-100 { &:is(:where(.group):focus-within *) { opacity: 100%; } } .group-hover\:visible { &:is(:where(.group):hover *) { @media (hover: hover) { visibility: visible; } } } .group-hover\:-inset-2 { &:is(:where(.group):hover *) { @media (hover: hover) { inset: calc(var(--spacing) * -2); } } } .group-hover\:block { &:is(:where(.group):hover *) { @media (hover: hover) { display: block; } } } .group-hover\:w-full { &:is(:where(.group):hover *) { @media (hover: hover) { width: 100%; } } } .group-hover\:translate-x-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-x-1 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-x-full { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-y-0 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:scale-105 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:scale-110 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:scale-\[1\.03\] { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.03; } } } .group-hover\:-rotate-45 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: calc(45deg * -1); } } } .group-hover\:rotate-6 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 6deg; } } } .group-hover\:bg-\[\#0B0A0A\]\/20 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in oklab, #0B0A0A 20%, transparent); } } } .group-hover\:bg-\[\#246AFE\] { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: #246AFE; } } } .group-hover\:bg-\[\#4669F7\]\/10 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in oklab, #4669F7 10%, transparent); } } } .group-hover\:bg-\[\#E5E7EB\] { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: #E5E7EB; } } } .group-hover\:bg-\[\#EEF1FE\] { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: #EEF1FE; } } } .group-hover\:bg-\[\#F3F4F6\] { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: #F3F4F6; } } } .group-hover\:bg-black\/40 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } } } .group-hover\:bg-black\/60 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } } } .group-hover\:bg-blue-600 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-blue-600); } } } .group-hover\:bg-healthcare-primary\/10 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #0F67B1 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 10%, transparent); } } } } .group-hover\:bg-orange-100 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-orange-100); } } } .group-hover\:bg-white { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-white); } } } .group-hover\:from-black\/70 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .group-hover\:text-\[\#1A2434\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #1A2434; } } } .group-hover\:text-\[\#4669F7\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #4669F7; } } } .group-hover\:text-\[var\(--zen-text-secondary\)\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--zen-text-secondary); } } } .group-hover\:text-blue-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-600); } } } .group-hover\:text-healthcare-primary { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-healthcare-primary); } } } .group-hover\:text-orange-500 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-orange-500); } } } .group-hover\:text-orange-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-orange-600); } } } .group-hover\:text-slate-400 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-slate-400); } } } .group-hover\:text-slate-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-slate-600); } } } .group-hover\:text-white { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-hover\:underline { &:is(:where(.group):hover *) { @media (hover: hover) { text-decoration-line: underline; } } } .group-hover\:underline-offset-2 { &:is(:where(.group):hover *) { @media (hover: hover) { text-underline-offset: 2px; } } } .group-hover\:opacity-20 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 20%; } } } .group-hover\:opacity-60 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 60%; } } } .group-hover\:opacity-80 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 80%; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\:shadow-md { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .group-hover\:shadow-\[\#4669F7\]\/20 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #4669F7 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #4669F7 20%, transparent) var(--tw-shadow-alpha), transparent); } } } } .group-hover\/btn\:text-white { &:is(:where(.group\/btn):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-hover\/img\:opacity-100 { &:is(:where(.group\/img):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/link\:translate-x-1 { &:is(:where(.group\/link):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/play\:scale-110 { &:is(:where(.group\/play):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\/thumb\:opacity-100 { &:is(:where(.group\/thumb):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-focus-visible\:opacity-100 { &:is(:where(.group):focus-visible *) { opacity: 100%; } } .group-\[\.toast\]\:bg-primary { &:is(:where(.group):is(.toast) *) { background-color: var(--color-primary); } } .group-\[\.toaster\]\:rounded-xl { &:is(:where(.group):is(.toaster) *) { border-radius: var(--radius-xl); } } .group-\[\.toaster\]\:border-\[\#47B387\]\/50 { &:is(:where(.group):is(.toaster) *) { border-color: color-mix(in oklab, #47B387 50%, transparent); } } .group-\[\.toaster\]\:border-\[\#E84E89\]\/50 { &:is(:where(.group):is(.toaster) *) { border-color: color-mix(in oklab, #E84E89 50%, transparent); } } .group-\[\.toaster\]\:border-\[\#F7B924\]\/50 { &:is(:where(.group):is(.toaster) *) { border-color: color-mix(in oklab, #F7B924 50%, transparent); } } .group-\[\.toaster\]\:bg-\[\#47B387\]\/10 { &:is(:where(.group):is(.toaster) *) { background-color: color-mix(in oklab, #47B387 10%, transparent); } } .group-\[\.toaster\]\:bg-\[\#E84E89\]\/10 { &:is(:where(.group):is(.toaster) *) { background-color: color-mix(in oklab, #E84E89 10%, transparent); } } .group-\[\.toaster\]\:bg-\[\#F7B924\]\/10 { &:is(:where(.group):is(.toaster) *) { background-color: color-mix(in oklab, #F7B924 10%, transparent); } } .group-\[\.toaster\]\:shadow-lg { &:is(:where(.group):is(.toaster) *) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .peer-disabled\:cursor-not-allowed { &:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } } .peer-disabled\:opacity-70 { &:is(:where(.peer):disabled ~ *) { opacity: 70%; } } .selection\:bg-blue-100 { & *::selection { background-color: var(--color-blue-100); } &::selection { background-color: var(--color-blue-100); } } .selection\:text-blue-900 { & *::selection { color: var(--color-blue-900); } &::selection { color: var(--color-blue-900); } } .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } } .file\:bg-transparent { &::file-selector-button { background-color: transparent; } } .file\:text-sm { &::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .file\:font-medium { &::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .placeholder\:text-\[\#9CA3AF\] { &::placeholder { color: #9CA3AF; } } .placeholder\:text-\[var\(--zen-text-muted\)\] { &::placeholder { color: var(--zen-text-muted); } } .placeholder\:text-gray-300 { &::placeholder { color: var(--color-gray-300); } } .placeholder\:text-gray-400 { &::placeholder { color: var(--color-gray-400); } } .placeholder\:text-slate-400 { &::placeholder { color: var(--color-slate-400); } } .placeholder\:text-slate-500 { &::placeholder { color: var(--color-slate-500); } } .placeholder\:text-white\/30 { &::placeholder { color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } .placeholder\:text-white\/40 { &::placeholder { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } } .first\:mt-0 { &:first-child { margin-top: calc(var(--spacing) * 0); } } .first\:pl-1 { &:first-child { padding-left: calc(var(--spacing) * 1); } } .first\:text-left { &:first-child { text-align: left; } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .last\:border-r-0 { &:last-child { border-right-style: var(--tw-border-style); border-right-width: 0px; } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:pr-0 { &:last-child { padding-right: calc(var(--spacing) * 0); } } .last\:pl-1 { &:last-child { padding-left: calc(var(--spacing) * 1); } } .focus-within\:relative { &:focus-within { position: relative; } } .focus-within\:z-20 { &:focus-within { z-index: 20; } } .focus-within\:border-\[\#4669F7\]\/40 { &:focus-within { border-color: color-mix(in oklab, #4669F7 40%, transparent); } } .focus-within\:border-\[var\(--zen-primary\)\] { &:focus-within { border-color: var(--zen-primary); } } .focus-within\:bg-white { &:focus-within { background-color: var(--color-white); } } .focus-within\:ring-1 { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:ring-2 { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:ring-\[\#4669F7\]\/10 { &:focus-within { --tw-ring-color: color-mix(in oklab, #4669F7 10%, transparent); } } .focus-within\:ring-\[\#4669F7\]\/30 { &:focus-within { --tw-ring-color: color-mix(in oklab, #4669F7 30%, transparent); } } .focus-within\:ring-\[var\(--zen-primary\)\]\/30 { &:focus-within { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 30%, transparent); } } } .focus-within\:ring-orange-500\/10 { &:focus-within { --tw-ring-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } } .hover\:-translate-y-0\.5 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-1 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-2 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-\[1\.02\] { &:hover { @media (hover: hover) { scale: 1.02; } } } .hover\:scale-\[1\.03\] { &:hover { @media (hover: hover) { scale: 1.03; } } } .hover\:gap-2\.5 { &:hover { @media (hover: hover) { gap: calc(var(--spacing) * 2.5); } } } .hover\:border-solid { &:hover { @media (hover: hover) { --tw-border-style: solid; border-style: solid; } } } .hover\:border-\[\#0F67B1\] { &:hover { @media (hover: hover) { border-color: #0F67B1; } } } .hover\:border-\[\#0F67B1\]\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #0F67B1 30%, transparent); } } } .hover\:border-\[\#0F67B1\]\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #0F67B1 40%, transparent); } } } .hover\:border-\[\#5DA8FB\] { &:hover { @media (hover: hover) { border-color: #5DA8FB; } } } .hover\:border-\[\#5DA8FB\]\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #5DA8FB 30%, transparent); } } } .hover\:border-\[\#9CA3AF\] { &:hover { @media (hover: hover) { border-color: #9CA3AF; } } } .hover\:border-\[\#47B387\]\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #47B387 30%, transparent); } } } .hover\:border-\[\#4669F7\] { &:hover { @media (hover: hover) { border-color: #4669F7; } } } .hover\:border-\[\#4669F7\]\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #4669F7 30%, transparent); } } } .hover\:border-\[\#4669F7\]\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #4669F7 40%, transparent); } } } .hover\:border-\[\#4669F7\]\/50 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #4669F7 50%, transparent); } } } .hover\:border-\[\#D1D5DB\] { &:hover { @media (hover: hover) { border-color: #D1D5DB; } } } .hover\:border-\[\#E5E7EB\] { &:hover { @media (hover: hover) { border-color: #E5E7EB; } } } .hover\:border-\[\#E84E89\]\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #E84E89 30%, transparent); } } } .hover\:border-\[var\(--brand-primary\,\#0F67B1\)\] { &:hover { @media (hover: hover) { border-color: var(--brand-primary,#0F67B1); } } } .hover\:border-\[var\(--brand-primary\,\#0F67B1\)\]\/30 { &:hover { @media (hover: hover) { border-color: var(--brand-primary,#0F67B1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--brand-primary,#0F67B1) 30%, transparent); } } } } .hover\:border-\[var\(--zen-card-border\)\] { &:hover { @media (hover: hover) { border-color: var(--zen-card-border); } } } .hover\:border-\[var\(--zen-primary\)\] { &:hover { @media (hover: hover) { border-color: var(--zen-primary); } } } .hover\:border-\[var\(--zen-primary\)\]\/30 { &:hover { @media (hover: hover) { border-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-primary) 30%, transparent); } } } } .hover\:border-\[var\(--zen-primary\)\]\/40 { &:hover { @media (hover: hover) { border-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-primary) 40%, transparent); } } } } .hover\:border-\[var\(--zen-primary\)\]\/50 { &:hover { @media (hover: hover) { border-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-primary) 50%, transparent); } } } } .hover\:border-\[var\(--zen-primary\,\#4669F7\)\]\/40 { &:hover { @media (hover: hover) { border-color: var(--zen-primary,#4669F7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-primary,#4669F7) 40%, transparent); } } } } .hover\:border-\[var\(--zen-text-muted\)\]\/50 { &:hover { @media (hover: hover) { border-color: var(--zen-text-muted); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--zen-text-muted) 50%, transparent); } } } } .hover\:border-amber-200 { &:hover { @media (hover: hover) { border-color: var(--color-amber-200); } } } .hover\:border-blue-300 { &:hover { @media (hover: hover) { border-color: var(--color-blue-300); } } } .hover\:border-blue-300\/70 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-300) 70%, transparent); } } } } .hover\:border-blue-500\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } } } .hover\:border-emerald-200 { &:hover { @media (hover: hover) { border-color: var(--color-emerald-200); } } } .hover\:border-emerald-300\/70 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent); } } } } .hover\:border-gray-300 { &:hover { @media (hover: hover) { border-color: var(--color-gray-300); } } } .hover\:border-gray-400 { &:hover { @media (hover: hover) { border-color: var(--color-gray-400); } } } .hover\:border-green-500 { &:hover { @media (hover: hover) { border-color: var(--color-green-500); } } } .hover\:border-healthcare-indigo { &:hover { @media (hover: hover) { border-color: var(--color-healthcare-indigo); } } } .hover\:border-healthcare-primary { &:hover { @media (hover: hover) { border-color: var(--color-healthcare-primary); } } } .hover\:border-healthcare-primary\/50 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #0F67B1 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-healthcare-primary) 50%, transparent); } } } } .hover\:border-medical { &:hover { @media (hover: hover) { border-color: var(--color-medical); } } } .hover\:border-orange-200 { &:hover { @media (hover: hover) { border-color: var(--color-orange-200); } } } .hover\:border-orange-300 { &:hover { @media (hover: hover) { border-color: var(--color-orange-300); } } } .hover\:border-red-300 { &:hover { @media (hover: hover) { border-color: var(--color-red-300); } } } .hover\:border-slate-200 { &:hover { @media (hover: hover) { border-color: var(--color-slate-200); } } } .hover\:border-slate-300 { &:hover { @media (hover: hover) { border-color: var(--color-slate-300); } } } .hover\:border-slate-400 { &:hover { @media (hover: hover) { border-color: var(--color-slate-400); } } } .hover\:border-slate-500 { &:hover { @media (hover: hover) { border-color: var(--color-slate-500); } } } .hover\:border-slate-500\/70 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-500) 70%, transparent); } } } } .hover\:border-teal-200 { &:hover { @media (hover: hover) { border-color: var(--color-teal-200); } } } .hover\:border-teal-400 { &:hover { @media (hover: hover) { border-color: var(--color-teal-400); } } } .hover\:border-teal-400\/60 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-teal-400) 60%, transparent); } } } } .hover\:border-teal-500 { &:hover { @media (hover: hover) { border-color: var(--color-teal-500); } } } .hover\:border-white\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } .hover\:border-white\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } } .hover\:bg-\[\#0D5A9A\] { &:hover { @media (hover: hover) { background-color: #0D5A9A; } } } .hover\:bg-\[\#0D5A9C\] { &:hover { @media (hover: hover) { background-color: #0D5A9C; } } } .hover\:bg-\[\#0D5A96\] { &:hover { @media (hover: hover) { background-color: #0D5A96; } } } .hover\:bg-\[\#0F67B1\] { &:hover { @media (hover: hover) { background-color: #0F67B1; } } } .hover\:bg-\[\#0F67B1\]\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #0F67B1 5%, transparent); } } } .hover\:bg-\[\#0F67B1\]\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #0F67B1 20%, transparent); } } } .hover\:bg-\[\#0F67B1\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #0F67B1 90%, transparent); } } } .hover\:bg-\[\#0d5a9e\] { &:hover { @media (hover: hover) { background-color: #0d5a9e; } } } .hover\:bg-\[\#0d5494\] { &:hover { @media (hover: hover) { background-color: #0d5494; } } } .hover\:bg-\[\#1d4ed8\] { &:hover { @media (hover: hover) { background-color: #1d4ed8; } } } .hover\:bg-\[\#3a9670\] { &:hover { @media (hover: hover) { background-color: #3a9670; } } } .hover\:bg-\[\#3b5ce0\] { &:hover { @media (hover: hover) { background-color: #3b5ce0; } } } .hover\:bg-\[\#3b5ce4\] { &:hover { @media (hover: hover) { background-color: #3b5ce4; } } } .hover\:bg-\[\#3d9a74\] { &:hover { @media (hover: hover) { background-color: #3d9a74; } } } .hover\:bg-\[\#3d9b74\] { &:hover { @media (hover: hover) { background-color: #3d9b74; } } } .hover\:bg-\[\#5DA8FB\]\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #5DA8FB 15%, transparent); } } } .hover\:bg-\[\#5DA8FB\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #5DA8FB 90%, transparent); } } } .hover\:bg-\[\#47B387\]\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #47B387 5%, transparent); } } } .hover\:bg-\[\#47B387\]\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #47B387 10%, transparent); } } } .hover\:bg-\[\#47B387\]\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #47B387 15%, transparent); } } } .hover\:bg-\[\#47B387\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #47B387 90%, transparent); } } } .hover\:bg-\[\#47B387\]\/\[0\.08\] { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #47B387 8%, transparent); } } } .hover\:bg-\[\#3551D9\] { &:hover { @media (hover: hover) { background-color: #3551D9; } } } .hover\:bg-\[\#3551d4\] { &:hover { @media (hover: hover) { background-color: #3551d4; } } } .hover\:bg-\[\#3558D6\] { &:hover { @media (hover: hover) { background-color: #3558D6; } } } .hover\:bg-\[\#4669F7\] { &:hover { @media (hover: hover) { background-color: #4669F7; } } } .hover\:bg-\[\#4669F7\]\/3 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #4669F7 3%, transparent); } } } .hover\:bg-\[\#4669F7\]\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #4669F7 5%, transparent); } } } .hover\:bg-\[\#4669F7\]\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #4669F7 10%, transparent); } } } .hover\:bg-\[\#4669F7\]\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #4669F7 15%, transparent); } } } .hover\:bg-\[\#4669F7\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #4669F7 90%, transparent); } } } .hover\:bg-\[\#4669F7\]\/\[0\.02\] { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #4669F7 2%, transparent); } } } .hover\:bg-\[\#006666\] { &:hover { @media (hover: hover) { background-color: #006666; } } } .hover\:bg-\[\#E5E7EB\] { &:hover { @media (hover: hover) { background-color: #E5E7EB; } } } .hover\:bg-\[\#E84E89\] { &:hover { @media (hover: hover) { background-color: #E84E89; } } } .hover\:bg-\[\#E84E89\]\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #E84E89 10%, transparent); } } } .hover\:bg-\[\#E84E89\]\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #E84E89 15%, transparent); } } } .hover\:bg-\[\#E84E89\]\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #E84E89 20%, transparent); } } } .hover\:bg-\[\#E84E89\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #E84E89 90%, transparent); } } } .hover\:bg-\[\#EEF1FE\] { &:hover { @media (hover: hover) { background-color: #EEF1FE; } } } .hover\:bg-\[\#EEF1FE\]\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #EEF1FE 30%, transparent); } } } .hover\:bg-\[\#EEF1FE\]\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #EEF1FE 40%, transparent); } } } .hover\:bg-\[\#EEF1FE\]\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #EEF1FE 50%, transparent); } } } .hover\:bg-\[\#EEF1FE\]\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #EEF1FE 80%, transparent); } } } .hover\:bg-\[\#F3F4F6\] { &:hover { @media (hover: hover) { background-color: #F3F4F6; } } } .hover\:bg-\[\#F3F4F6\]\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F3F4F6 50%, transparent); } } } .hover\:bg-\[\#F3F4F6\]\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F3F4F6 60%, transparent); } } } .hover\:bg-\[\#F3F4F6\]\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F3F4F6 70%, transparent); } } } .hover\:bg-\[\#F3F4F6\]\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F3F4F6 80%, transparent); } } } .hover\:bg-\[\#F7B924\]\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F7B924 10%, transparent); } } } .hover\:bg-\[\#F7B924\]\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F7B924 15%, transparent); } } } .hover\:bg-\[\#F7B924\]\/\[0\.08\] { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F7B924 8%, transparent); } } } .hover\:bg-\[\#F9FAFB\]\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #F9FAFB 50%, transparent); } } } .hover\:bg-\[var\(--brand-primary-light\,\#3FA2F6\)\] { &:hover { @media (hover: hover) { background-color: var(--brand-primary-light,#3FA2F6); } } } .hover\:bg-\[var\(--zen-page-bg\)\] { &:hover { @media (hover: hover) { background-color: var(--zen-page-bg); } } } .hover\:bg-\[var\(--zen-primary\)\]\/5 { &:hover { @media (hover: hover) { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 5%, transparent); } } } } .hover\:bg-\[var\(--zen-primary\)\]\/10 { &:hover { @media (hover: hover) { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 10%, transparent); } } } } .hover\:bg-\[var\(--zen-primary\)\]\/14 { &:hover { @media (hover: hover) { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 14%, transparent); } } } } .hover\:bg-\[var\(--zen-primary\)\]\/15 { &:hover { @media (hover: hover) { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 15%, transparent); } } } } .hover\:bg-\[var\(--zen-primary\)\]\/20 { &:hover { @media (hover: hover) { background-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--zen-primary) 20%, transparent); } } } } .hover\:bg-\[var\(--zen-primary-hover\)\] { &:hover { @media (hover: hover) { background-color: var(--zen-primary-hover); } } } .hover\:bg-\[var\(--zen-primary-hover\,\#1d4ed8\)\] { &:hover { @media (hover: hover) { background-color: var(--zen-primary-hover,#1d4ed8); } } } .hover\:bg-\[var\(--zen-sidebar-active-bg\)\] { &:hover { @media (hover: hover) { background-color: var(--zen-sidebar-active-bg); } } } .hover\:bg-\[var\(--zen-sidebar-hover-bg\)\] { &:hover { @media (hover: hover) { background-color: var(--zen-sidebar-hover-bg); } } } .hover\:bg-\[var\(--zen-sidebar-hover-bg\,\#F3F4F6\)\] { &:hover { @media (hover: hover) { background-color: var(--zen-sidebar-hover-bg,#F3F4F6); } } } .hover\:bg-amber-100 { &:hover { @media (hover: hover) { background-color: var(--color-amber-100); } } } .hover\:bg-amber-700 { &:hover { @media (hover: hover) { background-color: var(--color-amber-700); } } } .hover\:bg-black { &:hover { @media (hover: hover) { background-color: var(--color-black); } } } .hover\:bg-black\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } } } .hover\:bg-black\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } } } .hover\:bg-blue-50 { &:hover { @media (hover: hover) { background-color: var(--color-blue-50); } } } .hover\:bg-blue-50\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent); } } } } .hover\:bg-blue-50\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent); } } } } .hover\:bg-blue-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent); } } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-200 { &:hover { @media (hover: hover) { background-color: var(--color-blue-200); } } } .hover\:bg-blue-500\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-emerald-50 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-50); } } } .hover\:bg-emerald-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent); } } } } .hover\:bg-emerald-100 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-100); } } } .hover\:bg-emerald-700 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-700); } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-50\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 60%, transparent); } } } } .hover\:bg-gray-50\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent); } } } } .hover\:bg-gray-50\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent); } } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-200 { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } .hover\:bg-gray-900 { &:hover { @media (hover: hover) { background-color: var(--color-gray-900); } } } .hover\:bg-green-50 { &:hover { @media (hover: hover) { background-color: var(--color-green-50); } } } .hover\:bg-green-100 { &:hover { @media (hover: hover) { background-color: var(--color-green-100); } } } .hover\:bg-green-700 { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } .hover\:bg-healthcare-indigo\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #4F46E5 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-indigo) 20%, transparent); } } } } .hover\:bg-healthcare-indigo\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #4F46E5 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-indigo) 90%, transparent); } } } } .hover\:bg-healthcare-primary { &:hover { @media (hover: hover) { background-color: var(--color-healthcare-primary); } } } .hover\:bg-healthcare-primary\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0F67B1 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 5%, transparent); } } } } .hover\:bg-healthcare-primary\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0F67B1 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 10%, transparent); } } } } .hover\:bg-healthcare-primary\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0F67B1 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 20%, transparent); } } } } .hover\:bg-healthcare-primary\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0F67B1 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 80%, transparent); } } } } .hover\:bg-healthcare-primary\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0F67B1 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-healthcare-primary) 90%, transparent); } } } } .hover\:bg-healthcare-teal { &:hover { @media (hover: hover) { background-color: var(--color-healthcare-teal); } } } .hover\:bg-orange-50\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98% 0.016 73.684) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-50) 30%, transparent); } } } } .hover\:bg-orange-100 { &:hover { @media (hover: hover) { background-color: var(--color-orange-100); } } } .hover\:bg-orange-200 { &:hover { @media (hover: hover) { background-color: var(--color-orange-200); } } } .hover\:bg-primary { &:hover { @media (hover: hover) { background-color: var(--color-primary); } } } .hover\:bg-primary\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #2563EB 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } } .hover\:bg-primary\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #2563EB 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } } } .hover\:bg-purple-100 { &:hover { @media (hover: hover) { background-color: var(--color-purple-100); } } } .hover\:bg-red-50 { &:hover { @media (hover: hover) { background-color: var(--color-red-50); } } } .hover\:bg-red-100 { &:hover { @media (hover: hover) { background-color: var(--color-red-100); } } } .hover\:bg-red-200 { &:hover { @media (hover: hover) { background-color: var(--color-red-200); } } } .hover\:bg-red-500\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } } } .hover\:bg-red-600 { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } .hover\:bg-red-700 { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } .hover\:bg-secondary\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #7C3AED 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent); } } } } .hover\:bg-sky-50 { &:hover { @media (hover: hover) { background-color: var(--color-sky-50); } } } .hover\:bg-slate-50 { &:hover { @media (hover: hover) { background-color: var(--color-slate-50); } } } .hover\:bg-slate-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent); } } } } .hover\:bg-slate-50\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent); } } } } .hover\:bg-slate-100 { &:hover { @media (hover: hover) { background-color: var(--color-slate-100); } } } .hover\:bg-slate-200 { &:hover { @media (hover: hover) { background-color: var(--color-slate-200); } } } .hover\:bg-slate-600\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent); } } } } .hover\:bg-slate-700 { &:hover { @media (hover: hover) { background-color: var(--color-slate-700); } } } .hover\:bg-slate-700\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent); } } } } .hover\:bg-slate-700\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent); } } } } .hover\:bg-slate-700\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent); } } } } .hover\:bg-slate-800 { &:hover { @media (hover: hover) { background-color: var(--color-slate-800); } } } .hover\:bg-teal-50 { &:hover { @media (hover: hover) { background-color: var(--color-teal-50); } } } .hover\:bg-teal-50\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-50) 30%, transparent); } } } } .hover\:bg-teal-100 { &:hover { @media (hover: hover) { background-color: var(--color-teal-100); } } } .hover\:bg-teal-500 { &:hover { @media (hover: hover) { background-color: var(--color-teal-500); } } } .hover\:bg-teal-700 { &:hover { @media (hover: hover) { background-color: var(--color-teal-700); } } } .hover\:bg-transparent { &:hover { @media (hover: hover) { background-color: transparent; } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-white\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } .hover\:bg-white\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:bg-white\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } .hover\:bg-white\/25 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } } } .hover\:bg-white\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } } .hover\:bg-white\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } } .hover\:bg-white\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } } .hover\:bg-white\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } .hover\:bg-white\/\[0\.03\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } } } .hover\:bg-white\/\[0\.07\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 7.000000000000001%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent); } } } } .hover\:from-\[\#0F67B1\]\/90 { &:hover { @media (hover: hover) { --tw-gradient-from: color-mix(in oklab, #0F67B1 90%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-\[\#3551D9\] { &:hover { @media (hover: hover) { --tw-gradient-from: #3551D9; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-blue-500 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-blue-700 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-emerald-600 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-healthcare-primary\/90 { &:hover { @media (hover: hover) { --tw-gradient-from: color-mix(in srgb, #0F67B1 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-healthcare-primary) 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-healthcare-teal { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-healthcare-teal); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-teal-600 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-\[\#0891B2\]\/90 { &:hover { @media (hover: hover) { --tw-gradient-to: color-mix(in oklab, #0891B2 90%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-\[\#1570c4\] { &:hover { @media (hover: hover) { --tw-gradient-to: #1570c4; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-cyan-600 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-cyan-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-healthcare-primary { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-healthcare-primary); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-indigo-700 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-indigo-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-teal-500\/90 { &:hover { @media (hover: hover) { --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-teal-700 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-teal-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:text-\[\#0F67B1\] { &:hover { @media (hover: hover) { color: #0F67B1; } } } .hover\:text-\[\#0b4f89\] { &:hover { @media (hover: hover) { color: #0b4f89; } } } .hover\:text-\[\#0d5a9e\] { &:hover { @media (hover: hover) { color: #0d5a9e; } } } .hover\:text-\[\#1A2434\] { &:hover { @media (hover: hover) { color: #1A2434; } } } .hover\:text-\[\#004B93\] { &:hover { @media (hover: hover) { color: #004B93; } } } .hover\:text-\[\#6B7280\] { &:hover { @media (hover: hover) { color: #6B7280; } } } .hover\:text-\[\#47B387\] { &:hover { @media (hover: hover) { color: #47B387; } } } .hover\:text-\[\#3551D9\] { &:hover { @media (hover: hover) { color: #3551D9; } } } .hover\:text-\[\#3558D6\] { &:hover { @media (hover: hover) { color: #3558D6; } } } .hover\:text-\[\#4669F7\] { &:hover { @media (hover: hover) { color: #4669F7; } } } .hover\:text-\[\#4669F7\]\/80 { &:hover { @media (hover: hover) { color: color-mix(in oklab, #4669F7 80%, transparent); } } } .hover\:text-\[\#E84E89\] { &:hover { @media (hover: hover) { color: #E84E89; } } } .hover\:text-\[\#F7B924\] { &:hover { @media (hover: hover) { color: #F7B924; } } } .hover\:text-\[var\(--brand-primary\,\#0F67B1\)\] { &:hover { @media (hover: hover) { color: var(--brand-primary,#0F67B1); } } } .hover\:text-\[var\(--lp-accent\)\] { &:hover { @media (hover: hover) { color: var(--lp-accent); } } } .hover\:text-\[var\(--zen-primary\)\] { &:hover { @media (hover: hover) { color: var(--zen-primary); } } } .hover\:text-\[var\(--zen-primary\,\#4669F7\)\] { &:hover { @media (hover: hover) { color: var(--zen-primary,#4669F7); } } } .hover\:text-\[var\(--zen-primary-hover\)\] { &:hover { @media (hover: hover) { color: var(--zen-primary-hover); } } } .hover\:text-\[var\(--zen-text-primary\)\] { &:hover { @media (hover: hover) { color: var(--zen-text-primary); } } } .hover\:text-\[var\(--zen-text-secondary\)\] { &:hover { @media (hover: hover) { color: var(--zen-text-secondary); } } } .hover\:text-amber-700 { &:hover { @media (hover: hover) { color: var(--color-amber-700); } } } .hover\:text-amber-800 { &:hover { @media (hover: hover) { color: var(--color-amber-800); } } } .hover\:text-amber-900 { &:hover { @media (hover: hover) { color: var(--color-amber-900); } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } .hover\:text-blue-800 { &:hover { @media (hover: hover) { color: var(--color-blue-800); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-700 { &:hover { @media (hover: hover) { color: var(--color-gray-700); } } } .hover\:text-gray-900 { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } .hover\:text-green-800 { &:hover { @media (hover: hover) { color: var(--color-green-800); } } } .hover\:text-healthcare-indigo { &:hover { @media (hover: hover) { color: var(--color-healthcare-indigo); } } } .hover\:text-healthcare-primary { &:hover { @media (hover: hover) { color: var(--color-healthcare-primary); } } } .hover\:text-healthcare-primary\/80 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #0F67B1 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-healthcare-primary) 80%, transparent); } } } } .hover\:text-healthcare-teal { &:hover { @media (hover: hover) { color: var(--color-healthcare-teal); } } } .hover\:text-lp-accent { &:hover { @media (hover: hover) { color: var(--color-lp-accent); } } } .hover\:text-medical-dark { &:hover { @media (hover: hover) { color: var(--color-medical-dark); } } } .hover\:text-orange-700 { &:hover { @media (hover: hover) { color: var(--color-orange-700); } } } .hover\:text-orange-800 { &:hover { @media (hover: hover) { color: var(--color-orange-800); } } } .hover\:text-red-100 { &:hover { @media (hover: hover) { color: var(--color-red-100); } } } .hover\:text-red-300 { &:hover { @media (hover: hover) { color: var(--color-red-300); } } } .hover\:text-red-500 { &:hover { @media (hover: hover) { color: var(--color-red-500); } } } .hover\:text-red-600 { &:hover { @media (hover: hover) { color: var(--color-red-600); } } } .hover\:text-red-700 { &:hover { @media (hover: hover) { color: var(--color-red-700); } } } .hover\:text-red-800 { &:hover { @media (hover: hover) { color: var(--color-red-800); } } } .hover\:text-red-900 { &:hover { @media (hover: hover) { color: var(--color-red-900); } } } .hover\:text-slate-400 { &:hover { @media (hover: hover) { color: var(--color-slate-400); } } } .hover\:text-slate-600 { &:hover { @media (hover: hover) { color: var(--color-slate-600); } } } .hover\:text-slate-700 { &:hover { @media (hover: hover) { color: var(--color-slate-700); } } } .hover\:text-slate-800 { &:hover { @media (hover: hover) { color: var(--color-slate-800); } } } .hover\:text-slate-900 { &:hover { @media (hover: hover) { color: var(--color-slate-900); } } } .hover\:text-teal-400 { &:hover { @media (hover: hover) { color: var(--color-teal-400); } } } .hover\:text-teal-600 { &:hover { @media (hover: hover) { color: var(--color-teal-600); } } } .hover\:text-teal-700 { &:hover { @media (hover: hover) { color: var(--color-teal-700); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:text-white\/80 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-70 { &:hover { @media (hover: hover) { opacity: 70%; } } } .hover\:opacity-75 { &:hover { @media (hover: hover) { opacity: 75%; } } } .hover\:opacity-80 { &:hover { @media (hover: hover) { opacity: 80%; } } } .hover\:opacity-85 { &:hover { @media (hover: hover) { opacity: 85%; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-2xl { &:hover { @media (hover: hover) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-\[0_4px_32px_0_rgba\(15\,103\,177\,0\.15\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 32px 0 var(--tw-shadow-color, rgba(15,103,177,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-lg { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-md { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-sm { &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-xl { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:ring-2 { &:hover { @media (hover: hover) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-\[\#0F67B1\]\/10 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #0F67B1 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #0F67B1 10%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-\[\#4669F7\]\/30 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #4669F7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #4669F7 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-blue-200\/50 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-200) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-blue-500\/10 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-blue-500\/30 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-emerald-200\/50 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-200) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-healthcare-primary\/40 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #0F67B1 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-healthcare-primary) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-orange-500\/30 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:ring-blue-400\/50 { &:hover { @media (hover: hover) { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent); } } } } .hover\:ring-healthcare-primary\/40 { &:hover { @media (hover: hover) { --tw-ring-color: color-mix(in srgb, #0F67B1 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-healthcare-primary) 40%, transparent); } } } } .hover\:ring-offset-2 { &:hover { @media (hover: hover) { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } } .hover\:brightness-110 { &:hover { @media (hover: hover) { --tw-brightness: brightness(110%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } } .hover\:brightness-\[0\.97\] { &:hover { @media (hover: hover) { --tw-brightness: brightness(0.97); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } } .focus\:border-\[\#0F67B1\] { &:focus { border-color: #0F67B1; } } .focus\:border-\[\#0F67B1\]\/40 { &:focus { border-color: color-mix(in oklab, #0F67B1 40%, transparent); } } .focus\:border-\[\#0F67B1\]\/50 { &:focus { border-color: color-mix(in oklab, #0F67B1 50%, transparent); } } .focus\:border-\[\#5DA8FB\] { &:focus { border-color: #5DA8FB; } } .focus\:border-\[\#007C7C\] { &:focus { border-color: #007C7C; } } .focus\:border-\[\#4669F7\] { &:focus { border-color: #4669F7; } } .focus\:border-\[\#4669F7\]\/50 { &:focus { border-color: color-mix(in oklab, #4669F7 50%, transparent); } } .focus\:border-\[\#E84E89\] { &:focus { border-color: #E84E89; } } .focus\:border-\[\#E84E89\]\/50 { &:focus { border-color: color-mix(in oklab, #E84E89 50%, transparent); } } .focus\:border-\[\#F7B924\]\/50 { &:focus { border-color: color-mix(in oklab, #F7B924 50%, transparent); } } .focus\:border-\[var\(--color-primary\)\] { &:focus { border-color: var(--color-primary); } } .focus\:border-\[var\(--color-primary\)\]\/40 { &:focus { border-color: color-mix(in srgb, #2563EB 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } } .focus\:border-\[var\(--zen-primary\)\] { &:focus { border-color: var(--zen-primary); } } .focus\:border-blue-500 { &:focus { border-color: var(--color-blue-500); } } .focus\:border-blue-500\/50 { &:focus { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } } .focus\:border-healthcare-primary { &:focus { border-color: var(--color-healthcare-primary); } } .focus\:border-orange-500\/50 { &:focus { border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent); } } } .focus\:border-red-400 { &:focus { border-color: var(--color-red-400); } } .focus\:border-red-500 { &:focus { border-color: var(--color-red-500); } } .focus\:border-red-500\/50 { &:focus { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } } .focus\:border-red-500\/60 { &:focus { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } } .focus\:border-slate-400 { &:focus { border-color: var(--color-slate-400); } } .focus\:border-teal-400 { &:focus { border-color: var(--color-teal-400); } } .focus\:border-teal-500 { &:focus { border-color: var(--color-teal-500); } } .focus\:border-transparent { &:focus { border-color: transparent; } } .focus\:bg-\[\#E84E89\]\/10 { &:focus { background-color: color-mix(in oklab, #E84E89 10%, transparent); } } .focus\:bg-\[\#F3F4F6\] { &:focus { background-color: #F3F4F6; } } .focus\:bg-primary { &:focus { background-color: var(--color-primary); } } .focus\:bg-white { &:focus { background-color: var(--color-white); } } .focus\:bg-white\/10 { &:focus { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .focus\:text-\[\#1A2434\] { &:focus { color: #1A2434; } } .focus\:text-\[\#E84E89\] { &:focus { color: #E84E89; } } .focus\:opacity-100 { &:focus { opacity: 100%; } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-1 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-\[\#0F67B1\] { &:focus { --tw-ring-color: #0F67B1; } } .focus\:ring-\[\#0F67B1\]\/15 { &:focus { --tw-ring-color: color-mix(in oklab, #0F67B1 15%, transparent); } } .focus\:ring-\[\#0F67B1\]\/20 { &:focus { --tw-ring-color: color-mix(in oklab, #0F67B1 20%, transparent); } } .focus\:ring-\[\#0F67B1\]\/30 { &:focus { --tw-ring-color: color-mix(in oklab, #0F67B1 30%, transparent); } } .focus\:ring-\[\#007C7C\]\/20 { &:focus { --tw-ring-color: color-mix(in oklab, #007C7C 20%, transparent); } } .focus\:ring-\[\#4669F7\] { &:focus { --tw-ring-color: #4669F7; } } .focus\:ring-\[\#4669F7\]\/10 { &:focus { --tw-ring-color: color-mix(in oklab, #4669F7 10%, transparent); } } .focus\:ring-\[\#4669F7\]\/20 { &:focus { --tw-ring-color: color-mix(in oklab, #4669F7 20%, transparent); } } .focus\:ring-\[\#4669F7\]\/25 { &:focus { --tw-ring-color: color-mix(in oklab, #4669F7 25%, transparent); } } .focus\:ring-\[\#4669F7\]\/30 { &:focus { --tw-ring-color: color-mix(in oklab, #4669F7 30%, transparent); } } .focus\:ring-\[\#E84E89\] { &:focus { --tw-ring-color: #E84E89; } } .focus\:ring-\[\#E84E89\]\/20 { &:focus { --tw-ring-color: color-mix(in oklab, #E84E89 20%, transparent); } } .focus\:ring-\[\#F7B924\]\/10 { &:focus { --tw-ring-color: color-mix(in oklab, #F7B924 10%, transparent); } } .focus\:ring-\[\#F7B924\]\/30 { &:focus { --tw-ring-color: color-mix(in oklab, #F7B924 30%, transparent); } } .focus\:ring-\[var\(--color-primary\)\] { &:focus { --tw-ring-color: var(--color-primary); } } .focus\:ring-\[var\(--color-primary\)\]\/30 { &:focus { --tw-ring-color: color-mix(in srgb, #2563EB 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } .focus\:ring-\[var\(--zen-primary\)\]\/10 { &:focus { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 10%, transparent); } } } .focus\:ring-\[var\(--zen-primary\)\]\/20 { &:focus { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 20%, transparent); } } } .focus\:ring-\[var\(--zen-primary\)\]\/30 { &:focus { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 30%, transparent); } } } .focus\:ring-amber-100 { &:focus { --tw-ring-color: var(--color-amber-100); } } .focus\:ring-blue-100 { &:focus { --tw-ring-color: var(--color-blue-100); } } .focus\:ring-blue-400\/50 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent); } } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-blue-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } .focus\:ring-green-500 { &:focus { --tw-ring-color: var(--color-green-500); } } .focus\:ring-healthcare-primary { &:focus { --tw-ring-color: var(--color-healthcare-primary); } } .focus\:ring-healthcare-primary\/20 { &:focus { --tw-ring-color: color-mix(in srgb, #0F67B1 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-healthcare-primary) 20%, transparent); } } } .focus\:ring-healthcare-primary\/30 { &:focus { --tw-ring-color: color-mix(in srgb, #0F67B1 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-healthcare-primary) 30%, transparent); } } } .focus\:ring-orange-500\/10 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } } .focus\:ring-red-400\/30 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-400) 30%, transparent); } } } .focus\:ring-red-400\/50 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-400) 50%, transparent); } } } .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } .focus\:ring-red-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } } .focus\:ring-slate-500 { &:focus { --tw-ring-color: var(--color-slate-500); } } .focus\:ring-teal-400 { &:focus { --tw-ring-color: var(--color-teal-400); } } .focus\:ring-teal-500 { &:focus { --tw-ring-color: var(--color-teal-500); } } .focus\:ring-white\/30 { &:focus { --tw-ring-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } .focus\:ring-offset-1 { &:focus { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:ring-offset-2 { &:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus-visible\:visible { &:focus-visible { visibility: visible; } } .focus-visible\:rounded-lg { &:focus-visible { border-radius: var(--radius-lg); } } .focus-visible\:border-healthcare-primary { &:focus-visible { border-color: var(--color-healthcare-primary); } } .focus-visible\:opacity-100 { &:focus-visible { opacity: 100%; } } .focus-visible\:ring-1 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-2 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-\[\#0F67B1\] { &:focus-visible { --tw-ring-color: #0F67B1; } } .focus-visible\:ring-\[\#0F67B1\]\/50 { &:focus-visible { --tw-ring-color: color-mix(in oklab, #0F67B1 50%, transparent); } } .focus-visible\:ring-\[\#47B387\]\/50 { &:focus-visible { --tw-ring-color: color-mix(in oklab, #47B387 50%, transparent); } } .focus-visible\:ring-\[\#4669F7\] { &:focus-visible { --tw-ring-color: #4669F7; } } .focus-visible\:ring-\[\#4669F7\]\/20 { &:focus-visible { --tw-ring-color: color-mix(in oklab, #4669F7 20%, transparent); } } .focus-visible\:ring-\[\#4669F7\]\/30 { &:focus-visible { --tw-ring-color: color-mix(in oklab, #4669F7 30%, transparent); } } .focus-visible\:ring-\[\#E84E89\] { &:focus-visible { --tw-ring-color: #E84E89; } } .focus-visible\:ring-\[\#E84E89\]\/30 { &:focus-visible { --tw-ring-color: color-mix(in oklab, #E84E89 30%, transparent); } } .focus-visible\:ring-\[var\(--brand-primary\,\#0F67B1\)\] { &:focus-visible { --tw-ring-color: var(--brand-primary,#0F67B1); } } .focus-visible\:ring-\[var\(--zen-danger\)\] { &:focus-visible { --tw-ring-color: var(--zen-danger); } } .focus-visible\:ring-\[var\(--zen-primary\)\] { &:focus-visible { --tw-ring-color: var(--zen-primary); } } .focus-visible\:ring-\[var\(--zen-primary\)\]\/30 { &:focus-visible { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 30%, transparent); } } } .focus-visible\:ring-\[var\(--zen-primary\)\]\/40 { &:focus-visible { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 40%, transparent); } } } .focus-visible\:ring-\[var\(--zen-primary\)\]\/50 { &:focus-visible { --tw-ring-color: var(--zen-primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--zen-primary) 50%, transparent); } } } .focus-visible\:ring-\[var\(--zen-success\)\] { &:focus-visible { --tw-ring-color: var(--zen-success); } } .focus-visible\:ring-blue-500 { &:focus-visible { --tw-ring-color: var(--color-blue-500); } } .focus-visible\:ring-emerald-200 { &:focus-visible { --tw-ring-color: var(--color-emerald-200); } } .focus-visible\:ring-emerald-400\/50 { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent); } } } .focus-visible\:ring-healthcare-primary\/20 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #0F67B1 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-healthcare-primary) 20%, transparent); } } } .focus-visible\:ring-healthcare-primary\/30 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #0F67B1 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-healthcare-primary) 30%, transparent); } } } .focus-visible\:ring-red-200 { &:focus-visible { --tw-ring-color: var(--color-red-200); } } .focus-visible\:ring-teal-500 { &:focus-visible { --tw-ring-color: var(--color-teal-500); } } .focus-visible\:ring-white { &:focus-visible { --tw-ring-color: var(--color-white); } } .focus-visible\:ring-offset-1 { &:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:ring-offset-2 { &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .focus-visible\:ring-inset { &:focus-visible { --tw-ring-inset: inset; } } .active\:scale-95 { &:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .active\:scale-\[\.98\] { &:active { scale: .98; } } .active\:scale-\[0\.97\] { &:active { scale: 0.97; } } .active\:scale-\[0\.98\] { &:active { scale: 0.98; } } .active\:scale-\[0\.99\] { &:active { scale: 0.99; } } .active\:cursor-grabbing { &:active { cursor: grabbing; } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-\[\#F3F4F6\] { &:disabled { background-color: #F3F4F6; } } .disabled\:bg-gray-300 { &:disabled { background-color: var(--color-gray-300); } } .disabled\:bg-slate-50 { &:disabled { background-color: var(--color-slate-50); } } .disabled\:bg-slate-400 { &:disabled { background-color: var(--color-slate-400); } } .disabled\:from-gray-400 { &:disabled { --tw-gradient-from: var(--color-gray-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .disabled\:to-gray-500 { &:disabled { --tw-gradient-to: var(--color-gray-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .disabled\:text-\[\#9CA3AF\] { &:disabled { color: #9CA3AF; } } .disabled\:text-slate-400 { &:disabled { color: var(--color-slate-400); } } .disabled\:opacity-30 { &:disabled { opacity: 30%; } } .disabled\:opacity-40 { &:disabled { opacity: 40%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:opacity-60 { &:disabled { opacity: 60%; } } .disabled\:opacity-70 { &:disabled { opacity: 70%; } } .disabled\:shadow-none { &:disabled { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .aria-selected\:opacity-100 { &[aria-selected="true"] { opacity: 100%; } } .data-\[disabled\]\:pointer-events-none { &[data-disabled] { pointer-events: none; } } .data-\[disabled\]\:opacity-50 { &[data-disabled] { opacity: 50%; } } .data-\[selected\]\:bg-white { &[data-selected] { background-color: var(--color-white); } } .data-\[selected\]\:text-\[\#1A2434\] { &[data-selected] { color: #1A2434; } } .data-\[selected\]\:shadow-sm { &[data-selected] { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[side\=bottom\]\:translate-y-1 { &[data-side="bottom"] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=left\]\:-translate-x-1 { &[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=right\]\:translate-x-1 { &[data-side="right"] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=top\]\:-translate-y-1 { &[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[state\=active\]\:bg-\[\#4669F7\]\/20 { &[data-state="active"] { background-color: color-mix(in oklab, #4669F7 20%, transparent); } } .data-\[state\=active\]\:bg-\[var\(--zen-card-bg\)\] { &[data-state="active"] { background-color: var(--zen-card-bg); } } .data-\[state\=active\]\:bg-slate-600\/80 { &[data-state="active"] { background-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-600) 80%, transparent); } } } .data-\[state\=active\]\:bg-white { &[data-state="active"] { background-color: var(--color-white); } } .data-\[state\=active\]\:text-\[\#1A2434\] { &[data-state="active"] { color: #1A2434; } } .data-\[state\=active\]\:text-\[\#4669F7\] { &[data-state="active"] { color: #4669F7; } } .data-\[state\=active\]\:text-\[var\(--zen-primary\)\] { &[data-state="active"] { color: var(--zen-primary); } } .data-\[state\=active\]\:text-white { &[data-state="active"] { color: var(--color-white); } } .data-\[state\=active\]\:shadow { &[data-state="active"] { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[state\=active\]\:shadow-sm { &[data-state="active"] { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[state\=checked\]\:translate-x-4 { &[data-state="checked"] { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[state\=checked\]\:border-\[\#47B387\] { &[data-state="checked"] { border-color: #47B387; } } .data-\[state\=checked\]\:bg-\[\#47B387\] { &[data-state="checked"] { background-color: #47B387; } } .data-\[state\=closed\]\:animate-\[overlay-out_180ms_ease-in_both\] { &[data-state="closed"] { animation: overlay-out 180ms ease-in both; } } .data-\[state\=closed\]\:animate-\[popover-out_130ms_ease-in_both\] { &[data-state="closed"] { animation: popover-out 130ms ease-in both; } } .data-\[state\=closed\]\:animate-\[sheet-right-out_220ms_cubic-bezier\(0\.4\,0\,0\.8\,0\.16\)_both\] { &[data-state="closed"] { animation: sheet-right-out 220ms cubic-bezier(0.4,0,0.8,0.16) both; } } .data-\[state\=closed\]\:duration-\[220ms\] { &[data-state="closed"] { --tw-duration: 220ms; transition-duration: 220ms; } } .data-\[state\=open\]\:rotate-180 { &[data-state="open"] { rotate: 180deg; } } .data-\[state\=open\]\:animate-\[overlay-in_250ms_ease-out_both\] { &[data-state="open"] { animation: overlay-in 250ms ease-out both; } } .data-\[state\=open\]\:animate-\[popover-in_180ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)_both\] { &[data-state="open"] { animation: popover-in 180ms cubic-bezier(0.32,0.72,0,1) both; } } .data-\[state\=open\]\:animate-\[sheet-right-in_380ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)_both\] { &[data-state="open"] { animation: sheet-right-in 380ms cubic-bezier(0.32,0.72,0,1) both; } } .data-\[state\=open\]\:bg-\[\#F3F4F6\] { &[data-state="open"] { background-color: #F3F4F6; } } .data-\[state\=open\]\:duration-\[380ms\] { &[data-state="open"] { --tw-duration: 380ms; transition-duration: 380ms; } } .data-\[state\=unchecked\]\:translate-x-0 { &[data-state="unchecked"] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[state\=unchecked\]\:border-\[\#E5E7EB\] { &[data-state="unchecked"] { border-color: #E5E7EB; } } .data-\[state\=unchecked\]\:bg-\[\#E5E7EB\] { &[data-state="unchecked"] { background-color: #E5E7EB; } } .min-\[375px\]\:grid-cols-2 { @media (width >= 375px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:-top-4 { @media (width >= 40rem) { top: calc(var(--spacing) * -4); } } .sm\:top-4 { @media (width >= 40rem) { top: calc(var(--spacing) * 4); } } .sm\:right-0 { @media (width >= 40rem) { right: calc(var(--spacing) * 0); } } .sm\:col-span-1 { @media (width >= 40rem) { grid-column: span 1 / span 1; } } .sm\:col-span-2 { @media (width >= 40rem) { grid-column: span 2 / span 2; } } .sm\:-m-6 { @media (width >= 40rem) { margin: calc(var(--spacing) * -6); } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:mt-0 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 0); } } .sm\:mb-16 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 16); } } .sm\:mb-20 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 20); } } .sm\:ml-auto { @media (width >= 40rem) { margin-left: auto; } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:grid { @media (width >= 40rem) { display: grid; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:inline-flex { @media (width >= 40rem) { display: inline-flex; } } .sm\:table-cell { @media (width >= 40rem) { display: table-cell; } } .sm\:h-\[88vh\] { @media (width >= 40rem) { height: 88vh; } } .sm\:w-16 { @media (width >= 40rem) { width: calc(var(--spacing) * 16); } } .sm\:w-24 { @media (width >= 40rem) { width: calc(var(--spacing) * 24); } } .sm\:w-32 { @media (width >= 40rem) { width: calc(var(--spacing) * 32); } } .sm\:w-36 { @media (width >= 40rem) { width: calc(var(--spacing) * 36); } } .sm\:w-44 { @media (width >= 40rem) { width: calc(var(--spacing) * 44); } } .sm\:w-48 { @media (width >= 40rem) { width: calc(var(--spacing) * 48); } } .sm\:w-56 { @media (width >= 40rem) { width: calc(var(--spacing) * 56); } } .sm\:w-60 { @media (width >= 40rem) { width: calc(var(--spacing) * 60); } } .sm\:w-64 { @media (width >= 40rem) { width: calc(var(--spacing) * 64); } } .sm\:w-72 { @media (width >= 40rem) { width: calc(var(--spacing) * 72); } } .sm\:w-\[360px\] { @media (width >= 40rem) { width: 360px; } } .sm\:w-\[480px\] { @media (width >= 40rem) { width: 480px; } } .sm\:w-\[620px\] { @media (width >= 40rem) { width: 620px; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:w-full { @media (width >= 40rem) { width: 100%; } } .sm\:max-w-2xl { @media (width >= 40rem) { max-width: var(--container-2xl); } } .sm\:max-w-100 { @media (width >= 40rem) { max-width: calc(var(--spacing) * 100); } } .sm\:max-w-\[420px\] { @media (width >= 40rem) { max-width: 420px; } } .sm\:max-w-\[440px\] { @media (width >= 40rem) { max-width: 440px; } } .sm\:max-w-\[460px\] { @media (width >= 40rem) { max-width: 460px; } } .sm\:max-w-\[480px\] { @media (width >= 40rem) { max-width: 480px; } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:max-w-md { @media (width >= 40rem) { max-width: var(--container-md); } } .sm\:min-w-\[76px\] { @media (width >= 40rem) { min-width: 76px; } } .sm\:min-w-\[320px\] { @media (width >= 40rem) { min-width: 320px; } } .sm\:flex-none { @media (width >= 40rem) { flex: none; } } .sm\:scale-100 { @media (width >= 40rem) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-4 { @media (width >= 40rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sm\:grid-cols-6 { @media (width >= 40rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .sm\:grid-cols-\[1fr_120px_100px_120px_80px\] { @media (width >= 40rem) { grid-template-columns: 1fr 120px 100px 120px 80px; } } .sm\:grid-cols-\[1fr_auto_1fr\] { @media (width >= 40rem) { grid-template-columns: 1fr auto 1fr; } } .sm\:flex-col { @media (width >= 40rem) { flex-direction: column; } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-end { @media (width >= 40rem) { align-items: flex-end; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-center { @media (width >= 40rem) { justify-content: center; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:justify-start { @media (width >= 40rem) { justify-content: flex-start; } } .sm\:gap-0 { @media (width >= 40rem) { gap: calc(var(--spacing) * 0); } } .sm\:gap-1\.5 { @media (width >= 40rem) { gap: calc(var(--spacing) * 1.5); } } .sm\:gap-2 { @media (width >= 40rem) { gap: calc(var(--spacing) * 2); } } .sm\:gap-2\.5 { @media (width >= 40rem) { gap: calc(var(--spacing) * 2.5); } } .sm\:gap-4 { @media (width >= 40rem) { gap: calc(var(--spacing) * 4); } } .sm\:gap-5 { @media (width >= 40rem) { gap: calc(var(--spacing) * 5); } } .sm\:gap-6 { @media (width >= 40rem) { gap: calc(var(--spacing) * 6); } } .sm\:gap-8 { @media (width >= 40rem) { gap: calc(var(--spacing) * 8); } } .sm\:gap-12 { @media (width >= 40rem) { gap: calc(var(--spacing) * 12); } } .sm\:space-y-0 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .sm\:space-y-5 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } } .sm\:space-y-6 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } } .sm\:space-x-2 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:space-x-4 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:self-auto { @media (width >= 40rem) { align-self: auto; } } .sm\:p-4 { @media (width >= 40rem) { padding: calc(var(--spacing) * 4); } } .sm\:p-5 { @media (width >= 40rem) { padding: calc(var(--spacing) * 5); } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .sm\:p-7 { @media (width >= 40rem) { padding: calc(var(--spacing) * 7); } } .sm\:p-8 { @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4); } } .sm\:px-5 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 5); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .sm\:px-8 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 8); } } .sm\:px-10 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 10); } } .sm\:py-0 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 0); } } .sm\:py-1\.5 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 1.5); } } .sm\:py-3 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 3); } } .sm\:py-5 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 5); } } .sm\:py-6 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 6); } } .sm\:py-8 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 8); } } .sm\:py-10 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 10); } } .sm\:py-12 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 12); } } .sm\:pr-0 { @media (width >= 40rem) { padding-right: calc(var(--spacing) * 0); } } .sm\:pl-0 { @media (width >= 40rem) { padding-left: calc(var(--spacing) * 0); } } .sm\:text-left { @media (width >= 40rem) { text-align: left; } } .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sm\:text-3xl { @media (width >= 40rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sm\:text-4xl { @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sm\:text-5xl { @media (width >= 40rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .sm\:text-base { @media (width >= 40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .sm\:text-lg { @media (width >= 40rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .sm\:text-sm { @media (width >= 40rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .sm\:text-xl { @media (width >= 40rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .sm\:text-\[10px\] { @media (width >= 40rem) { font-size: 10px; } } .sm\:text-\[13px\] { @media (width >= 40rem) { font-size: 13px; } } .md\:-left-8 { @media (width >= 48rem) { left: calc(var(--spacing) * -8); } } .md\:col-span-1 { @media (width >= 48rem) { grid-column: span 1 / span 1; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:col-span-4 { @media (width >= 48rem) { grid-column: span 4 / span 4; } } .md\:col-span-5 { @media (width >= 48rem) { grid-column: span 5 / span 5; } } .md\:col-span-7 { @media (width >= 48rem) { grid-column: span 7 / span 7; } } .md\:row-span-2 { @media (width >= 48rem) { grid-row: span 2 / span 2; } } .md\:mt-0 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 0); } } .md\:mb-8 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 8); } } .md\:mb-10 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 10); } } .md\:mb-12 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 12); } } .md\:mb-16 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 16); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:inline { @media (width >= 48rem) { display: inline; } } .md\:inline-flex { @media (width >= 48rem) { display: inline-flex; } } .md\:table-cell { @media (width >= 48rem) { display: table-cell; } } .md\:h-full { @media (width >= 48rem) { height: 100%; } } .md\:min-h-\[600px\] { @media (width >= 48rem) { min-height: 600px; } } .md\:w-16 { @media (width >= 48rem) { width: calc(var(--spacing) * 16); } } .md\:w-64 { @media (width >= 48rem) { width: calc(var(--spacing) * 64); } } .md\:w-72 { @media (width >= 48rem) { width: calc(var(--spacing) * 72); } } .md\:w-80 { @media (width >= 48rem) { width: calc(var(--spacing) * 80); } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:w-full { @media (width >= 48rem) { width: 100%; } } .md\:max-w-\[420px\] { @media (width >= 48rem) { max-width: 420px; } } .md\:min-w-\[180px\] { @media (width >= 48rem) { min-width: 180px; } } .md\:flex-shrink { @media (width >= 48rem) { flex-shrink: 1; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:grid-cols-5 { @media (width >= 48rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .md\:grid-cols-6 { @media (width >= 48rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .md\:grid-cols-8 { @media (width >= 48rem) { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .md\:grid-cols-12 { @media (width >= 48rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .md\:flex-col { @media (width >= 48rem) { flex-direction: column; } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:items-start { @media (width >= 48rem) { align-items: flex-start; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:gap-2 { @media (width >= 48rem) { gap: calc(var(--spacing) * 2); } } .md\:gap-4 { @media (width >= 48rem) { gap: calc(var(--spacing) * 4); } } .md\:gap-6 { @media (width >= 48rem) { gap: calc(var(--spacing) * 6); } } .md\:gap-8 { @media (width >= 48rem) { gap: calc(var(--spacing) * 8); } } .md\:gap-10 { @media (width >= 48rem) { gap: calc(var(--spacing) * 10); } } .md\:overflow-y-auto { @media (width >= 48rem) { overflow-y: auto; } } .md\:p-6 { @media (width >= 48rem) { padding: calc(var(--spacing) * 6); } } .md\:p-8 { @media (width >= 48rem) { padding: calc(var(--spacing) * 8); } } .md\:p-12 { @media (width >= 48rem) { padding: calc(var(--spacing) * 12); } } .md\:px-6 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:px-8 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 8); } } .md\:px-10 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 10); } } .md\:py-12 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 12); } } .md\:pt-0 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 0); } } .md\:pt-8 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 8); } } .md\:pt-20 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 20); } } .md\:pr-2 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 2); } } .md\:pb-0 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 0); } } .md\:pb-20 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 20); } } .md\:pl-12 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 12); } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-3xl { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .md\:text-4xl { @media (width >= 48rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .md\:text-5xl { @media (width >= 48rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .md\:text-6xl { @media (width >= 48rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .md\:text-base { @media (width >= 48rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-xl { @media (width >= 48rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .md\:text-\[20rem\] { @media (width >= 48rem) { font-size: 20rem; } } .md\:text-\[120px\] { @media (width >= 48rem) { font-size: 120px; } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:top-0 { @media (width >= 64rem) { top: calc(var(--spacing) * 0); } } .lg\:top-4 { @media (width >= 64rem) { top: calc(var(--spacing) * 4); } } .lg\:top-6 { @media (width >= 64rem) { top: calc(var(--spacing) * 6); } } .lg\:top-16 { @media (width >= 64rem) { top: calc(var(--spacing) * 16); } } .lg\:-right-8 { @media (width >= 64rem) { right: calc(var(--spacing) * -8); } } .lg\:right-4 { @media (width >= 64rem) { right: calc(var(--spacing) * 4); } } .lg\:right-8 { @media (width >= 64rem) { right: calc(var(--spacing) * 8); } } .lg\:bottom-8 { @media (width >= 64rem) { bottom: calc(var(--spacing) * 8); } } .lg\:-left-8 { @media (width >= 64rem) { left: calc(var(--spacing) * -8); } } .lg\:order-1 { @media (width >= 64rem) { order: 1; } } .lg\:order-2 { @media (width >= 64rem) { order: 2; } } .lg\:col-span-1 { @media (width >= 64rem) { grid-column: span 1 / span 1; } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:col-span-3 { @media (width >= 64rem) { grid-column: span 3 / span 3; } } .lg\:-m-6 { @media (width >= 64rem) { margin: calc(var(--spacing) * -6); } } .lg\:-m-8 { @media (width >= 64rem) { margin: calc(var(--spacing) * -8); } } .lg\:mx-0 { @media (width >= 64rem) { margin-inline: calc(var(--spacing) * 0); } } .lg\:mt-0 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 0); } } .lg\:mt-20 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 20); } } .lg\:mr-24 { @media (width >= 64rem) { margin-right: calc(var(--spacing) * 24); } } .lg\:-mb-8 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * -8); } } .lg\:mb-20 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 20); } } .lg\:ml-24 { @media (width >= 64rem) { margin-left: calc(var(--spacing) * 24); } } .lg\:ml-auto { @media (width >= 64rem) { margin-left: auto; } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:inline { @media (width >= 64rem) { display: inline; } } .lg\:table-cell { @media (width >= 64rem) { display: table-cell; } } .lg\:h-96 { @media (width >= 64rem) { height: calc(var(--spacing) * 96); } } .lg\:h-\[500px\] { @media (width >= 64rem) { height: 500px; } } .lg\:h-\[550px\] { @media (width >= 64rem) { height: 550px; } } .lg\:h-\[600px\] { @media (width >= 64rem) { height: 600px; } } .lg\:h-screen { @media (width >= 64rem) { height: 100vh; } } .lg\:max-h-full { @media (width >= 64rem) { max-height: 100%; } } .lg\:min-h-\[300px\] { @media (width >= 64rem) { min-height: 300px; } } .lg\:min-h-\[420px\] { @media (width >= 64rem) { min-height: 420px; } } .lg\:min-h-\[480px\] { @media (width >= 64rem) { min-height: 480px; } } .lg\:min-h-\[600px\] { @media (width >= 64rem) { min-height: 600px; } } .lg\:w-1\/2 { @media (width >= 64rem) { width: calc(1/2 * 100%); } } .lg\:w-3\/5 { @media (width >= 64rem) { width: calc(3/5 * 100%); } } .lg\:w-72 { @media (width >= 64rem) { width: calc(var(--spacing) * 72); } } .lg\:w-80 { @media (width >= 64rem) { width: calc(var(--spacing) * 80); } } .lg\:w-\[35\%\] { @media (width >= 64rem) { width: 35%; } } .lg\:w-\[65\%\] { @media (width >= 64rem) { width: 65%; } } .lg\:w-\[280px\] { @media (width >= 64rem) { width: 280px; } } .lg\:w-\[400px\] { @media (width >= 64rem) { width: 400px; } } .lg\:max-w-lg { @media (width >= 64rem) { max-width: var(--container-lg); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-5 { @media (width >= 64rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .lg\:grid-cols-6 { @media (width >= 64rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lg\:grid-cols-8 { @media (width >= 64rem) { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .lg\:grid-cols-\[1\.1fr_0\.9fr\] { @media (width >= 64rem) { grid-template-columns: 1.1fr 0.9fr; } } .lg\:grid-cols-\[1fr_1px_280px\] { @media (width >= 64rem) { grid-template-columns: 1fr 1px 280px; } } .lg\:grid-cols-\[1fr_1px_320px\] { @media (width >= 64rem) { grid-template-columns: 1fr 1px 320px; } } .lg\:grid-cols-\[1fr_320px\] { @media (width >= 64rem) { grid-template-columns: 1fr 320px; } } .lg\:grid-cols-\[1fr_380px\] { @media (width >= 64rem) { grid-template-columns: 1fr 380px; } } .lg\:grid-cols-\[1fr_420px\] { @media (width >= 64rem) { grid-template-columns: 1fr 420px; } } .lg\:grid-cols-\[1fr_auto\] { @media (width >= 64rem) { grid-template-columns: 1fr auto; } } .lg\:grid-cols-\[3fr\,2fr\] { @media (width >= 64rem) { grid-template-columns: 3fr,2fr; } } .lg\:flex-col { @media (width >= 64rem) { flex-direction: column; } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:flex-row-reverse { @media (width >= 64rem) { flex-direction: row-reverse; } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:items-end { @media (width >= 64rem) { align-items: flex-end; } } .lg\:justify-between { @media (width >= 64rem) { justify-content: space-between; } } .lg\:justify-center { @media (width >= 64rem) { justify-content: center; } } .lg\:justify-start { @media (width >= 64rem) { justify-content: flex-start; } } .lg\:gap-6 { @media (width >= 64rem) { gap: calc(var(--spacing) * 6); } } .lg\:gap-8 { @media (width >= 64rem) { gap: calc(var(--spacing) * 8); } } .lg\:gap-16 { @media (width >= 64rem) { gap: calc(var(--spacing) * 16); } } .lg\:gap-20 { @media (width >= 64rem) { gap: calc(var(--spacing) * 20); } } .lg\:space-y-8 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } } .lg\:space-x-3 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } } .lg\:self-start { @media (width >= 64rem) { align-self: flex-start; } } .lg\:border-r { @media (width >= 64rem) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .lg\:border-b-0 { @media (width >= 64rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .lg\:p-3 { @media (width >= 64rem) { padding: calc(var(--spacing) * 3); } } .lg\:p-6 { @media (width >= 64rem) { padding: calc(var(--spacing) * 6); } } .lg\:p-7 { @media (width >= 64rem) { padding: calc(var(--spacing) * 7); } } .lg\:p-8 { @media (width >= 64rem) { padding: calc(var(--spacing) * 8); } } .lg\:p-9 { @media (width >= 64rem) { padding: calc(var(--spacing) * 9); } } .lg\:p-10 { @media (width >= 64rem) { padding: calc(var(--spacing) * 10); } } .lg\:p-12 { @media (width >= 64rem) { padding: calc(var(--spacing) * 12); } } .lg\:px-3 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 3); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:px-16 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 16); } } .lg\:px-20 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 20); } } .lg\:py-2\.5 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 2.5); } } .lg\:py-20 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 20); } } .lg\:py-24 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 24); } } .lg\:py-28 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 28); } } .lg\:py-32 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 32); } } .lg\:pt-8 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 8); } } .lg\:pt-40 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 40); } } .lg\:pr-16 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 16); } } .lg\:pb-8 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 8); } } .lg\:pb-24 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 24); } } .lg\:pb-32 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 32); } } .lg\:pl-16 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 16); } } .lg\:text-2xl { @media (width >= 64rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .lg\:text-3xl { @media (width >= 64rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .lg\:text-4xl { @media (width >= 64rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .lg\:text-5xl { @media (width >= 64rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .lg\:text-6xl { @media (width >= 64rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .lg\:text-lg { @media (width >= 64rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .lg\:text-xl { @media (width >= 64rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .lg\:text-\[28rem\] { @media (width >= 64rem) { font-size: 28rem; } } .lg\:text-\[150px\] { @media (width >= 64rem) { font-size: 150px; } } .xl\:col-span-1 { @media (width >= 80rem) { grid-column: span 1 / span 1; } } .xl\:col-span-2 { @media (width >= 80rem) { grid-column: span 2 / span 2; } } .xl\:col-span-3 { @media (width >= 80rem) { grid-column: span 3 / span 3; } } .xl\:block { @media (width >= 80rem) { display: block; } } .xl\:flex { @media (width >= 80rem) { display: flex; } } .xl\:table-cell { @media (width >= 80rem) { display: table-cell; } } .xl\:w-80 { @media (width >= 80rem) { width: calc(var(--spacing) * 80); } } .xl\:w-96 { @media (width >= 80rem) { width: calc(var(--spacing) * 96); } } .xl\:w-\[420px\] { @media (width >= 80rem) { width: 420px; } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:grid-cols-5 { @media (width >= 80rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .xl\:grid-cols-\[1fr_320px\] { @media (width >= 80rem) { grid-template-columns: 1fr 320px; } } .xl\:grid-cols-\[300px_1fr\] { @media (width >= 80rem) { grid-template-columns: 300px 1fr; } } .\32 xl\:grid-cols-\[1fr_340px\] { @media (width >= 96rem) { grid-template-columns: 1fr 340px; } } .dark\:border-red-800 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-800); } } .dark\:border-slate-600 { @media (prefers-color-scheme: dark) { border-color: var(--color-slate-600); } } .dark\:bg-\[\#1A2434\] { @media (prefers-color-scheme: dark) { background-color: #1A2434; } } .dark\:bg-red-900\/20 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } .dark\:bg-red-900\/40 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } } .dark\:bg-slate-700 { @media (prefers-color-scheme: dark) { background-color: var(--color-slate-700); } } .dark\:bg-slate-700\/40 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent); } } } .dark\:bg-slate-800 { @media (prefers-color-scheme: dark) { background-color: var(--color-slate-800); } } .dark\:bg-slate-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-slate-900); } } .dark\:text-\[\#E5E7EB\] { @media (prefers-color-scheme: dark) { color: #E5E7EB; } } .dark\:text-red-200 { @media (prefers-color-scheme: dark) { color: var(--color-red-200); } } .dark\:text-red-400 { @media (prefers-color-scheme: dark) { color: var(--color-red-400); } } .dark\:text-slate-200 { @media (prefers-color-scheme: dark) { color: var(--color-slate-200); } } .dark\:text-slate-300 { @media (prefers-color-scheme: dark) { color: var(--color-slate-300); } } .dark\:text-slate-400 { @media (prefers-color-scheme: dark) { color: var(--color-slate-400); } } .dark\:group-\[\.toaster\]\:bg-\[\#47B387\]\/10 { @media (prefers-color-scheme: dark) { &:is(:where(.group):is(.toaster) *) { background-color: color-mix(in oklab, #47B387 10%, transparent); } } } .dark\:group-\[\.toaster\]\:bg-\[\#E84E89\]\/10 { @media (prefers-color-scheme: dark) { &:is(:where(.group):is(.toaster) *) { background-color: color-mix(in oklab, #E84E89 10%, transparent); } } } .dark\:group-\[\.toaster\]\:bg-\[\#F7B924\]\/10 { @media (prefers-color-scheme: dark) { &:is(:where(.group):is(.toaster) *) { background-color: color-mix(in oklab, #F7B924 10%, transparent); } } } .dark\:hover\:bg-slate-600 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-slate-600); } } } } .dark\:hover\:bg-slate-700 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--color-slate-700); } } } } .dark\:hover\:text-slate-200 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-slate-200); } } } } .dark\:hover\:text-white { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } .dark\:data-\[selected\]\:bg-\[\#1A2434\] { @media (prefers-color-scheme: dark) { &[data-selected] { background-color: #1A2434; } } } .dark\:data-\[selected\]\:text-white { @media (prefers-color-scheme: dark) { &[data-selected] { color: var(--color-white); } } } .print\:border { @media print { border-style: var(--tw-border-style); border-width: 1px; } } .print\:border-slate-300 { @media print { border-color: var(--color-slate-300); } } .print\:p-5 { @media print { padding: calc(var(--spacing) * 5); } } .print\:shadow-none { @media print { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\[\&_\[cmdk-group-heading\]\]\:px-2 { & [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 { & [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } } .\[\&_\[cmdk-group-heading\]\]\:text-xs { & [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_\[cmdk-group-heading\]\]\:font-medium { & [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_\[cmdk-group\]\]\:px-2 { & [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 { & [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: calc(var(--spacing) * 0); } } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 { & [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 { & [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-input\]\]\:h-12 { & [cmdk-input] { height: calc(var(--spacing) * 12); } } .\[\&_\[cmdk-item\]\]\:px-2 { & [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-item\]\]\:py-3 { & [cmdk-item] { padding-block: calc(var(--spacing) * 3); } } .\[\&_\[cmdk-item\]_svg\]\:h-5 { & [cmdk-item] svg { height: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-item\]_svg\]\:w-5 { & [cmdk-item] svg { width: calc(var(--spacing) * 5); } } .\[\&_p\]\:leading-relaxed { & p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } } .\[\&_svg\]\:pointer-events-none { & svg { pointer-events: none; } } .\[\&_svg\]\:size-4 { & svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&_svg\]\:shrink-0 { & svg { flex-shrink: 0; } } .\[\&_tr\:last-child\]\:border-0 { & tr:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .\[\&\:\:-webkit-scrollbar\]\:hidden { &::-webkit-scrollbar { display: none; } } .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md { &:has(>.day-range-end) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } } .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md { &:has(>.day-range-start) { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } } .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md { &:has([aria-selected]) { border-radius: var(--radius-md); } } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md { &:first-child { &:has([aria-selected]) { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } } } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md { &:last-child { &:has([aria-selected]) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } } } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md { &:has([aria-selected].day-range-end) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } } .\[\&\:has\(\[role\=checkbox\]\)\]\:w-px { &:has([role=checkbox]) { width: 1px; } } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 { &:has([role=checkbox]) { padding-right: calc(var(--spacing) * 0); } } .group-hover\:\[\&\:not\(\:hover\)\]\:opacity-40 { &:is(:where(.group):hover *) { @media (hover: hover) { &:not(:hover) { opacity: 40%; } } } } .\[\&\>\[role\=checkbox\]\]\:translate-y-0\.5 { &>[role=checkbox] { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } .\[\&\>div\]\:bg-orange-500 { &>div { background-color: var(--color-orange-500); } } .\[\&\>span\]\:line-clamp-1 { &>span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } } .\[\&\>svg\]\:absolute { &>svg { position: absolute; } } .\[\&\>svg\]\:top-4 { &>svg { top: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:left-4 { &>svg { left: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:size-4 { &>svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:shrink-0 { &>svg { flex-shrink: 0; } } .\[\&\>svg\+div\]\:translate-y-\[-3px\] { &>svg+div { --tw-translate-y: -3px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .\[\&\>svg\~\*\]\:pl-7 { &>svg~* { padding-left: calc(var(--spacing) * 7); } } .\[\&\>tr\]\:last\:border-b-0 { &>tr { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } } .\[\&\[data-state\=open\]\>svg\]\:rotate-180 { &[data-state=open]>svg { rotate: 180deg; } } } :root { --brand-primary: #0F67B1; --brand-primary-hover: #0d5a9e; --brand-primary-light: #3FA2F6; --brand-accent: #96E9C6; --brand-accent-light: #5BC0BE; --color-cta: var(--brand-primary); --color-cta-hover: var(--brand-primary-hover); --legacy-color-success: #10b981; --legacy-color-warning: #f59e0b; --legacy-color-danger: #ef4444; --duration-fast: 150ms; --duration-normal: 300ms; --duration-slow: 500ms; --ease-out: cubic-bezier(0.22, 1, 0.36, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --ease-enter: cubic-bezier(0.32, 0.72, 0, 1); --ease-exit: cubic-bezier(0.4, 0, 0.8, 0.16); --zen-sidebar-bg: #ffffff; --zen-sidebar-active-bg: #EFF6FF; --zen-sidebar-active-text: #2563EB; --zen-sidebar-section-text: #9CA3AF; --zen-sidebar-item-text: #374151; --zen-sidebar-hover-bg: #F9FAFB; --zen-page-bg: #F0F2F5; --zen-card-bg: #FFFFFF; --zen-card-border: #E5E7EB; --zen-primary: #2563EB; --zen-primary-hover: #1d4ed8; --zen-success: #10B981; --zen-warning: #F59E0B; --zen-danger: #EF4444; --zen-info: #3B82F6; --zen-text-primary: #111827; --zen-text-secondary: #6B7280; --zen-text-muted: #9CA3AF; --zen-grid: 16px; --zen-card-padding: 24px; --zen-card-gap: 8px; --zen-card-radius: 16px; --zen-button-radius: 8px; --zen-input-radius: 12px; --healthcare-primary: #007c7c; --healthcare-secondary: #20b2aa; --healthcare-teal: #008080; --healthcare-emerald: #50c878; --healthcare-indigo: #4f46e5; --healthcare-cool-white: #fafafa; --healthcare-soft-grey: #f3f4f6; --healthcare-dark: #1f2937; --legacy-color-primary: #06b6d4; --legacy-color-primary-light: #ecfeff; --legacy-color-secondary: #4a6572; --color-accent: #f9a826; --color-positive: #34d399; --legacy-color-danger2: #f87171; --legacy-color-warning2: #fbbf24; --color-background: #ffffff; --color-surface: #f9fafb; --healthcare-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12); --healthcare-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --healthcare-shadow-md: 0 6px 10px -1px rgba(0, 0, 0, 0.1), 0 2px 5px -1px rgba(0, 0, 0, 0.06); --healthcare-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --healthcare-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); --healthcare-radius-sm: 0.375rem; --healthcare-radius: 0.5rem; --healthcare-radius-md: 0.75rem; --healthcare-radius-lg: 1rem; --healthcare-radius-xl: 1.5rem; --healthcare-radius-2xl: 2rem; --healthcare-radius-3xl: 3rem; --healthcare-z-dropdown: 50; --healthcare-z-modal: 100; --healthcare-z-tooltip: 60; --healthcare-z-sticky: 30; --flow-base: #f8fafc; --flow-accent-cool: rgba(59, 130, 246, 0.12); --flow-accent-warm: rgba(239, 68, 68, 0.08); --flow-accent-rich: rgba(99, 102, 241, 0.10); --flow-accent-growth: rgba(16, 185, 129, 0.08); --shimmer-start: #03346E; --shimmer-mid: #0F67B1; --shimmer-end: #3FA2F6; --shimmer-highlight: #5BC0BE; --lp-bg: #040408; --lp-bg-surface: #0a0a0f; --lp-bg-raised: #111118; --lp-bg-glass: rgba(255, 255, 255, 0.03); --lp-border: rgba(255, 255, 255, 0.06); --lp-border-bright: rgba(255, 255, 255, 0.10); --lp-border-accent: rgba(37, 99, 235, 0.35); --lp-text-primary: rgba(255, 255, 255, 0.95); --lp-text-secondary: rgba(255, 255, 255, 0.50); --lp-text-dim: rgba(255, 255, 255, 0.25); --lp-text-muted: #64748b; --lp-accent: #2563EB; --lp-accent-bright: #3B82F6; --lp-accent-dim: rgba(37, 99, 235, 0.12); --lp-accent-glow: rgba(37, 99, 235, 0.15); --lp-accent-warm: #F59E0B; --lp-accent-warm-bright: #FBBF24; --lp-accent-warm-dim: rgba(245, 158, 11, 0.08); --lp-accent-warm-glow: rgba(245, 158, 11, 0.15); --lp-section-hue: 220; --lp-section-glow-opacity: 0.08; --lp-glow-blue: rgba(37, 99, 235, 0.08); --lp-glow-cool: rgba(59, 130, 246, 0.05); --lp-accent-bg-subtle: rgba(37, 99, 235, 0.04); --lp-accent-bg-medium: rgba(37, 99, 235, 0.08); --lp-accent-bg-strong: rgba(37, 99, 235, 0.12); --lp-grid-line: rgba(255, 255, 255, 0.035); --lp-grid-size: 64px; --lp-success: #22C55E; --lp-success-dim: rgba(34, 197, 94, 0.10); --lp-success-dimmer: rgba(34, 197, 94, 0.06); --lp-success-text: rgba(34, 197, 94, 0.80); --lp-danger: #EF4444; --lp-danger-dim: rgba(239, 68, 68, 0.10); --lp-danger-text: rgba(239, 68, 68, 0.70); --lp-warning: #F59E0B; --lp-warning-bright: #FBBF24; --lp-warning-dim: rgba(245, 158, 11, 0.06); --lp-warning-border: rgba(245, 158, 11, 0.15); --lp-cta-bg: #ffffff; --lp-cta-text: #020203; --lp-card-bg: rgba(255, 255, 255, 0.03); --lp-card-border: rgba(255, 255, 255, 0.06); --lp-card-bg-hover: rgba(255, 255, 255, 0.06); --lp-chrome-bg: rgba(13, 13, 18, 0.95); --lp-chrome-dot: rgba(255, 255, 255, 0.08); --lp-chrome-bar: rgba(255, 255, 255, 0.04); --lp-sidebar-bg: rgba(255, 255, 255, 0.02); --lp-header-bg-rgb: 10, 10, 15; --lp-header-border-rgb: 255, 255, 255; --lp-cmp-before: rgba(239, 68, 68, 0.60); --lp-cmp-before-dot: rgba(239, 68, 68, 0.40); --lp-cmp-before-dot-border: rgba(239, 68, 68, 0.30); --lp-cmp-before-label: rgba(239, 68, 68, 0.70); --lp-cmp-before-bar-bg: rgba(239, 68, 68, 0.06); --lp-cmp-before-bar-fill: linear-gradient(90deg, rgba(239, 68, 68, 0.5), rgba(239, 68, 68, 0.2)); --lp-cmp-divider: linear-gradient(180deg, rgba(239, 68, 68, 0.15), rgba(37, 99, 235, 0.15)); --lp-void: var(--lp-bg); --lp-warm-dark: var(--lp-bg-surface); --lp-surface: var(--lp-bg-raised); --lp-surface-hover: #1a1a22; --lp-muted: rgba(255, 255, 255, 0.30); --lp-text-7xl: clamp(3rem, 8vw, 6.5rem); --lp-text-5xl: clamp(2rem, 5vw, 3.5rem); --lp-text-3xl: clamp(1.5rem, 3vw, 2.25rem); --lp-text-xl: clamp(1.1rem, 2vw, 1.5rem); --lp-text-base: clamp(0.875rem, 1.2vw, 1rem); } [data-theme="light"] { --lp-bg: #FDFCF8; --lp-bg-surface: #F7F6F1; --lp-bg-raised: #F0EFE9; --lp-bg-glass: rgba(253, 252, 248, 0.80); --lp-border: rgba(0, 0, 0, 0.08); --lp-border-bright: rgba(0, 0, 0, 0.12); --lp-border-accent: rgba(37, 99, 235, 0.30); --lp-text-primary: rgba(28, 25, 23, 0.95); --lp-text-secondary: #525252; --lp-text-dim: rgba(28, 25, 23, 0.40); --lp-text-muted: #78716c; --lp-accent: #2563EB; --lp-accent-bright: #1D4ED8; --lp-accent-dim: rgba(37, 99, 235, 0.08); --lp-accent-glow: rgba(37, 99, 235, 0.10); --lp-accent-warm: #9A3412; --lp-accent-warm-bright: #C2410C; --lp-accent-warm-dim: rgba(154, 52, 18, 0.06); --lp-accent-warm-glow: rgba(154, 52, 18, 0.10); --lp-section-hue: 220; --lp-section-glow-opacity: 0.04; --lp-glow-blue: rgba(37, 99, 235, 0.05); --lp-glow-cool: rgba(59, 130, 246, 0.03); --lp-accent-bg-subtle: rgba(37, 99, 235, 0.03); --lp-accent-bg-medium: rgba(37, 99, 235, 0.06); --lp-accent-bg-strong: rgba(37, 99, 235, 0.10); --lp-grid-line: rgba(0, 0, 0, 0.03); --lp-grid-size: 40px; --lp-success: #16A34A; --lp-success-dim: rgba(22, 163, 74, 0.10); --lp-success-dimmer: rgba(22, 163, 74, 0.05); --lp-success-text: #15803D; --lp-danger: #DC2626; --lp-danger-dim: rgba(220, 38, 38, 0.08); --lp-danger-text: #B91C1C; --lp-warning: #D97706; --lp-warning-bright: #B45309; --lp-warning-dim: rgba(217, 119, 6, 0.06); --lp-warning-border: rgba(217, 119, 6, 0.20); --lp-cta-bg: #1C1917; --lp-cta-text: #FDFCF8; --lp-card-bg: rgba(0, 0, 0, 0.02); --lp-card-border: rgba(0, 0, 0, 0.08); --lp-card-bg-hover: rgba(0, 0, 0, 0.04); --lp-chrome-bg: rgba(240, 239, 233, 0.95); --lp-chrome-dot: rgba(0, 0, 0, 0.10); --lp-chrome-bar: rgba(0, 0, 0, 0.05); --lp-sidebar-bg: rgba(0, 0, 0, 0.02); --lp-header-bg-rgb: 253, 252, 248; --lp-header-border-rgb: 0, 0, 0; --lp-cmp-before: #B91C1C; --lp-cmp-before-dot: rgba(220, 38, 38, 0.50); --lp-cmp-before-dot-border: rgba(220, 38, 38, 0.30); --lp-cmp-before-label: #B91C1C; --lp-cmp-before-bar-bg: rgba(220, 38, 38, 0.06); --lp-cmp-before-bar-fill: linear-gradient(90deg, rgba(220, 38, 38, 0.4), rgba(220, 38, 38, 0.15)); --lp-cmp-divider: linear-gradient(180deg, rgba(220, 38, 38, 0.12), rgba(37, 99, 235, 0.12)); --lp-void: var(--lp-bg); --lp-warm-dark: var(--lp-bg-surface); --lp-surface: var(--lp-bg-raised); --lp-surface-hover: #E7E5DF; --lp-muted: rgba(28, 25, 23, 0.35); --color-lp-void: #FDFCF8; --color-lp-warm-dark: #F7F6F1; --color-lp-surface: #F0EFE9; --color-lp-surface-hover: #E7E5DF; --color-lp-muted: #78716c; --color-lp-text-secondary: #525252; --color-lp-text-primary: #1C1917; --color-lp-accent: #2563EB; --color-lp-accent-bright: #1D4ED8; } [data-theme="light"] .lp-gradient-heading { background: linear-gradient(180deg, rgba(28, 25, 23, 0.95) 0%, rgba(28, 25, 23, 0.55) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } [data-theme="light"] .lp-vignette { background: linear-gradient(180deg, rgba(253, 252, 248, 0.45) 0%, transparent 35%, transparent 65%, rgba(253, 252, 248, 0.65) 100%); } [data-theme="light"] .lp-watermark-hide { background: linear-gradient(135deg, transparent 0%, rgba(253, 252, 248, 0.7) 35%, rgba(253, 252, 248, 1) 100%); } [data-theme="light"] .lp-glass { box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.05), 0 8px 32px rgba(0, 0, 0, 0.06); } [data-theme="light"] .lp-glass:hover, [data-theme="light"] .lp-glass-hover:hover { box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.05), 0 8px 32px rgba(0, 0, 0, 0.08), 0 0 24px var(--lp-accent-glow); } @supports not (backdrop-filter: blur(1px)) { [data-theme="light"] .lp-glass { background: rgba(253, 252, 248, 0.95); } } [data-theme="light"] .lp-grain { opacity: 0.015; mix-blend-mode: multiply; } [data-theme="light"] .lp-glitch:hover::before { color: #9A3412; } [data-theme="light"] .lp-glitch:hover::after { color: #2563EB; } .admin-root, .admin-root * { font-family: var(--font-manrope), sans-serif; } .shadow-card { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .shadow-card-hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .shadow-brand { box-shadow: 0 10px 40px -10px rgba(15, 103, 177, 0.3); } .shadow-brand-lg { box-shadow: 0 20px 50px -12px rgba(15, 103, 177, 0.25), 0 0 0 1px rgba(15, 103, 177, 0.05); } .focus-ring:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 2px; } .arrow-hover { transition: transform 200ms ease-out; } .group:hover .arrow-hover { transform: translateX(4px); } .btn-press:active { transform: scale(0.98); } .link-underline { position: relative; } .link-underline::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(--brand-primary); transition: width 300ms ease-out; } .link-underline:hover::after { width: 100%; } .hover-lift { transition: transform 300ms ease-out, box-shadow 300ms ease-out; } .hover-lift:hover { transform: translateY(-4px); } .hover-glow:hover { box-shadow: 0 0 30px rgba(15, 103, 177, 0.15); } html { overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } body { font-family: var(--font-inter), var(--font-plus-jakarta), sans-serif; color: #1f2937; background-color: #ffffff; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } img, video, svg, canvas { max-width: 100%; height: auto; } table { max-width: 100%; } p, li, td, th, dd, dt, figcaption, blockquote { overflow-wrap: break-word; word-wrap: break-word; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-plus-jakarta), var(--font-inter), sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: -0.025em; overflow-wrap: break-word; word-wrap: break-word; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } .scroll-container-x { overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } @media (max-width: 639px) { .mobile-stack { flex-direction: column !important; align-items: stretch !important; } .mobile-stack>* { width: 100% !important; } .mobile-full { width: 100% !important; max-width: 100% !important; } } @keyframes sheet-right-in { from { transform: translateX(calc(100% + 12px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes sheet-right-out { from { transform: translateX(0); opacity: 1; } to { transform: translateX(calc(100% + 12px)); opacity: 0; } } @keyframes overlay-in { from { opacity: 0; } to { opacity: 1; } } @keyframes overlay-out { from { opacity: 1; } to { opacity: 0; } } @keyframes popover-in { from { transform: scale(0.94) translateY(-6px); opacity: 0; } to { transform: scale(1) translateY(0); opacity: 1; } } @keyframes popover-out { from { transform: scale(1) translateY(0); opacity: 1; } to { transform: scale(0.94) translateY(-4px); opacity: 0; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } @keyframes scaleIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 20px rgba(0, 124, 124, 0.1); } 50% { box-shadow: 0 0 40px rgba(0, 124, 124, 0.3); } } @keyframes breathe { 0%, 100% { opacity: 0.15; } 50% { opacity: 0.7; } } .animate-fade-in-up { animation: fadeInUp 0.8s ease-out; } @keyframes modal-slide-up { from { opacity: 0; transform: translate(-50%, -50%) translateY(2.5rem) scale(0.98); } to { opacity: 1; transform: translate(-50%, -50%) translateY(0) scale(1); } } @keyframes modal-slide-down { from { opacity: 1; transform: translate(-50%, -50%) translateY(0) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) translateY(2.5rem) scale(0.98); } } @keyframes modal-backdrop-in { from { opacity: 0; } to { opacity: 1; } } @keyframes modal-backdrop-out { from { opacity: 1; } to { opacity: 0; } } .animate-modal-slide-up { animation: modal-slide-up 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .animate-modal-slide-down { animation: modal-slide-down 0.22s cubic-bezier(0.4, 0, 1, 1) forwards; } .animate-modal-backdrop-in { animation: modal-backdrop-in 0.25s ease-out forwards; } .animate-modal-backdrop-out { animation: modal-backdrop-out 0.22s ease-in forwards; } .animate-slide-in-right { animation: slideInRight 0.8s ease-out; } .animate-slide-in-left { animation: slideInLeft 0.8s ease-out; } .animate-scale-in { animation: scaleIn 0.6s ease-out; } .animate-float { animation: float 3s ease-in-out infinite; } .animate-pulse-glow { animation: pulse-glow 2s ease-in-out infinite; } @keyframes gradient-drift-1 { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; } 25% { transform: translate(3%, 2%) scale(1.02); opacity: 0.95; } 50% { transform: translate(1%, 4%) scale(1.01); opacity: 1; } 75% { transform: translate(-2%, 1%) scale(0.99); opacity: 0.97; } } @keyframes gradient-drift-2 { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; } 25% { transform: translate(-2%, 3%) scale(0.98); opacity: 0.97; } 50% { transform: translate(-4%, 1%) scale(1.01); opacity: 1; } 75% { transform: translate(-1%, -2%) scale(1.02); opacity: 0.95; } } @keyframes gradient-drift-3 { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; } 25% { transform: translate(2%, -2%) scale(1.01); opacity: 0.96; } 50% { transform: translate(4%, -1%) scale(0.99); opacity: 1; } 75% { transform: translate(1%, 2%) scale(1.02); opacity: 0.98; } } @keyframes gradient-drift-4 { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; } 25% { transform: translate(-3%, -1%) scale(0.99); opacity: 0.97; } 50% { transform: translate(-1%, -3%) scale(1.02); opacity: 0.95; } 75% { transform: translate(2%, -2%) scale(1); opacity: 1; } } @keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes center-breathe { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.85; transform: scale(1.02); } } @keyframes section-breathe { 0%, 100% { opacity: 0.8; transform: scale(1); } 50% { opacity: 1; transform: scale(1.01); } } @keyframes color-pulse { 0%, 100% { filter: hue-rotate(0deg) saturate(1); } 50% { filter: hue-rotate(5deg) saturate(1.05); } } .animate-gradient-drift-1 { animation: gradient-drift-1 25s ease-in-out infinite; } .animate-gradient-drift-2 { animation: gradient-drift-2 28s ease-in-out infinite; } .animate-gradient-drift-3 { animation: gradient-drift-3 30s ease-in-out infinite; } .animate-gradient-drift-4 { animation: gradient-drift-4 22s ease-in-out infinite; } .animate-gradient-shift { animation: gradient-shift 20s ease-in-out infinite; } .animate-center-breathe { animation: center-breathe 8s ease-in-out infinite; } .animate-section-breathe { animation: section-breathe 6s ease-in-out infinite; } .animate-color-pulse { animation: color-pulse 12s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { .animate-gradient-drift-1, .animate-gradient-drift-2, .animate-gradient-drift-3, .animate-gradient-drift-4, .animate-gradient-shift, .animate-center-breathe, .animate-section-breathe, .animate-color-pulse { animation: none; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } .slider { background: linear-gradient(to right, #007c7c, #20b2aa); outline: none; -webkit-appearance: none; appearance: none; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #ffffff; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); } .slider::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: #ffffff; cursor: pointer; border: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); } .calendar-cell-hover:hover { background-color: var(--color-primary-light); } .appointment-card { transition: all 0.2s ease-in-out; } .appointment-card:hover { transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .draggable-element { cursor: grab; } .draggable-element:active { cursor: grabbing; } .zendenta-btn { border-radius: 0.375rem; font-weight: 500; transition-property: all; transition-duration: 200ms; } .zendenta-btn-primary { background-color: rgb(8 145 178); color: white; } .zendenta-btn-primary:hover { background-color: rgb(14 116 144); } .zendenta-btn-secondary { background-color: rgb(241 245 249); color: rgb(51 65 85); } .zendenta-btn-secondary:hover { background-color: rgb(226 232 240); } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: #f1f5f9; } ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #94a3b8; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideInRight { from { transform: translateX(100%); } to { transform: translateX(0); } } .animate-fade-in { animation: fadeIn 0.3s ease-out; } .animate-slide-in { animation: slideInRight 0.3s ease-out; } :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } @layer utilities { .animate-fade-in-down { animation: fadeInDown 0.5s ease-out; } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } } .healthcare-shadow-sm { box-shadow: var(--healthcare-shadow-sm); } .healthcare-shadow { box-shadow: var(--healthcare-shadow); } .healthcare-shadow-md { box-shadow: var(--healthcare-shadow-md); } .healthcare-shadow-lg { box-shadow: var(--healthcare-shadow-lg); } .dialog-backdrop { position: fixed; inset: 0; background-color: rgb(0 0 0 / 0.8); z-index: var(--healthcare-z-modal); backdrop-filter: blur(4px); } .dialog-content { background-color: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.75rem; border: 1px solid rgb(229 231 235); z-index: calc(var(--healthcare-z-modal) + 10); } .dropdown-content { background-color: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 0.5rem; border: 1px solid rgb(229 231 235); z-index: var(--healthcare-z-dropdown); } .tooltip-content { background-color: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 0.375rem; border: 1px solid rgb(229 231 235); z-index: var(--healthcare-z-tooltip); } .responsive-container { width: 100%; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } @media (min-width: 640px) { .responsive-container { max-width: 540px; } } @media (min-width: 768px) { .responsive-container { max-width: 720px; } } @media (min-width: 1024px) { .responsive-container { max-width: 960px; } } @media (min-width: 1280px) { .responsive-container { max-width: 1140px; } } @media (min-width: 1536px) { .responsive-container { max-width: 1320px; } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .animate-shimmer { background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%); background-size: 200% 100%; animation: shimmer 2s ease-in-out infinite; } @keyframes glow-pulse { 0%, 100% { box-shadow: 0 0 20px rgba(15, 103, 177, 0.3), 0 0 40px rgba(15, 103, 177, 0.1); filter: brightness(1); } 50% { box-shadow: 0 0 30px rgba(15, 103, 177, 0.5), 0 0 60px rgba(15, 103, 177, 0.2); filter: brightness(1.1); } } .animate-glow-pulse { animation: glow-pulse 2s ease-in-out infinite; } @keyframes data-flow { 0% { offset-distance: 0%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes float-gentle { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-6px) rotate(0.5deg); } 50% { transform: translateY(-10px) rotate(0deg); } 75% { transform: translateY(-4px) rotate(-0.5deg); } } .animate-float-gentle { animation: float-gentle 4s ease-in-out infinite; } @keyframes sparkle { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.2); } } .animate-sparkle { animation: sparkle 1.5s ease-in-out infinite; } @keyframes border-gradient { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .animate-border-gradient { background: linear-gradient(90deg, #0F67B1, #3FA2F6, #96E9C6, #0F67B1); background-size: 300% 100%; animation: border-gradient 4s ease infinite; } @keyframes orbital-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-orbital { animation: orbital-spin 20s linear infinite; } @keyframes pulse-ring { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.5); opacity: 0; } } .animate-pulse-ring { animation: pulse-ring 2s ease-out infinite; } @keyframes text-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .animate-text-shimmer, .gradient-text-hero { background: linear-gradient(90deg, #0F67B1 0%, #1E74BA 20%, #2B7FC5 40%, #3FA2F6 50%, #2B7FC5 60%, #1E74BA 80%, #0F67B1 100%); background-size: 200% auto; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: text-shimmer 5s ease-in-out infinite; } .gradient-text-red { background: linear-gradient(90deg, #DC2626 0%, #EF4444 20%, #F87171 40%, #FCA5A5 50%, #F87171 60%, #EF4444 80%, #DC2626 100%); background-size: 200% auto; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: text-shimmer 5s ease-in-out infinite; } .bento-card-glow { position: relative; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); } .bento-card-glow::before { content: ''; position: absolute; inset: -1px; background: linear-gradient(135deg, rgba(15, 103, 177, 0.1), rgba(63, 162, 246, 0.05), transparent); border-radius: inherit; opacity: 0; transition: opacity 0.4s ease; z-index: -1; } .bento-card-glow:hover::before { opacity: 1; } .bento-card-glow:hover { box-shadow: 0 25px 50px -12px rgba(15, 103, 177, 0.15), 0 0 0 1px rgba(15, 103, 177, 0.1); transform: translateY(-4px) scale(1.01); } .premium-tooltip { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.95)); backdrop-filter: blur(8px); border: 1px solid rgba(15, 103, 177, 0.1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(15, 103, 177, 0.05); } @keyframes connection-pulse { 0%, 100% { stroke-opacity: 0.3; stroke-width: 2; } 50% { stroke-opacity: 0.8; stroke-width: 3; } } .animate-connection-pulse { animation: connection-pulse 2s ease-in-out infinite; } .step-highlight { transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .step-highlight:hover { transform: translateY(-4px); box-shadow: 0 12px 24px -8px rgba(15, 103, 177, 0.2); } .trailing-glow { box-shadow: 0 0 8px 2px rgba(15, 103, 177, 0.6), 0 0 16px 4px rgba(15, 103, 177, 0.3), 0 0 24px 6px rgba(15, 103, 177, 0.1); } .database.db-light-1 { animation: db-animation-1 3s cubic-bezier(0.42, 0, 0.58, 1) infinite; animation-delay: 0s; } .database.db-light-2 { animation: db-animation-2 3s cubic-bezier(0.42, 0, 0.58, 1) infinite; animation-delay: 0.2s; } .database.db-light-3 { animation: db-animation-3 3s cubic-bezier(0.42, 0, 0.58, 1) infinite; animation-delay: 0.4s; } .database.db-light-4 { animation: db-animation-4 3s cubic-bezier(0.42, 0, 0.58, 1) infinite; animation-delay: 0.6s; } @keyframes db-animation-1 { 0% { offset-path: path("M 31 10 v 15 q 0 5 5 5 h 59 q 5 0 5 5 v 10"); offset-distance: 0%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes db-animation-2 { 0% { offset-path: path("M 77 10 v 10 q 0 5 5 5 h 13 q 5 0 5 5 v 10"); offset-distance: 0%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes db-animation-3 { 0% { offset-path: path("M 124 10 v 10 q 0 5 -5 5 h -14 q -5 0 -5 5 v 10"); offset-distance: 0%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes db-animation-4 { 0% { offset-path: path("M 170 10 v 15 q 0 5 -5 5 h -60 q -5 0 -5 5 v 10"); offset-distance: 0%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } .pcf-architecture { offset-anchor: 10px 0px; animation: pcf-animation-path; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.75, -0.01, 0, 0.99); } .pcf-line-1 { offset-path: path("M 10 20 h 69.5 q 5 0 5 5 v 15"); animation-duration: 3s; animation-delay: 0s; } .pcf-line-2 { offset-path: path("M 190 10 h -79.7 q -5 0 -5 5 v 25"); animation-duration: 4s; animation-delay: 1s; } .pcf-line-3 { offset-path: path("M 140 30 v 11.8 q 0 5 -5 5 h -20"); animation-duration: 3.5s; animation-delay: 2s; } .pcf-line-4 { offset-path: path("M 170 80 v -21.8 q 0 -5 -5 -5 h -50"); animation-duration: 4s; animation-delay: 0.5s; } .pcf-line-5 { offset-path: path("M 100 95 v -35"); animation-duration: 2.5s; animation-delay: 1.5s; } .pcf-line-6 { offset-path: path("M 20 50 h 55 q 5 0 5 -5 v -5"); animation-duration: 3s; animation-delay: 2.5s; } @keyframes pcf-animation-path { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } .zen-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 9999px; font-size: 12px; font-weight: 500; line-height: 1.5; white-space: nowrap; } .zen-badge-finished { background: #ECFDF5; color: #059669; } .zen-badge-encounter { background: #EEF2FF; color: #4F6BED; } .zen-badge-registered { background: #F0F9FF; color: #0284C7; } .zen-badge-waiting { background: #FFFBEB; color: #D97706; } .zen-badge-unpaid { background: #FEF2F2; color: #DC2626; } .zen-badge-paid { background: #ECFDF5; color: #059669; } .zen-badge-partially-paid { background: #FFFBEB; color: #D97706; } .zen-badge-in-stock { background: #ECFDF5; color: #059669; } .zen-badge-low-stock { background: #FFFBEB; color: #D97706; } .zen-badge-out-of-stock { background: #FEF2F2; color: #DC2626; } .zen-badge-full-time { background: #ECFDF5; color: #059669; } .zen-badge-part-time { background: #FFF7ED; color: #EA580C; } .zen-badge-new { background: #DBEAFE; color: #2563EB; } .zen-badge-success { background: #ECFDF5; color: #059669; } .zen-badge-warning { background: #FFFBEB; color: #D97706; } .zen-badge-danger { background: #FEF2F2; color: #DC2626; } .zen-badge-info { background: #EEF2FF; color: #4F6BED; } @keyframes voice-pulse-ring { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(2.2); opacity: 0; } } .scrollbar-hide { scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } .custom-scroll { scrollbar-width: thin; scrollbar-color: #E2E8F0 transparent; } .custom-scroll::-webkit-scrollbar { width: 4px; } .custom-scroll::-webkit-scrollbar-track { background: transparent; } .custom-scroll::-webkit-scrollbar-thumb { background-color: #E2E8F0; border-radius: 99px; } .custom-scroll::-webkit-scrollbar-thumb:hover { background-color: #CBD5E1; } .skip-to-content { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 9999; } .skip-to-content:focus { position: fixed; top: 1rem; left: 50%; transform: translateX(-50%); width: auto; height: auto; padding: 0.75rem 1.5rem; background: #2563EB; color: white; font-weight: 600; font-size: 0.875rem; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 9999; text-decoration: none; outline: 2px solid #2563EB; outline-offset: 2px; } .lp-grain { position: fixed; inset: 0; z-index: 9998; pointer-events: none; opacity: 0.035; mix-blend-mode: overlay; background: url('/noise-256.png') repeat; background-size: 256px 256px; } .lp-display { font-family: var(--font-instrument-serif), Georgia, serif; font-weight: 400; line-height: 0.95; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-kerning: normal; font-feature-settings: "kern" 1, "liga" 1; font-optical-sizing: auto; text-rendering: optimizeLegibility; } .lp-display-italic { font-family: var(--font-instrument-serif), Georgia, serif; font-weight: 400; font-style: italic; line-height: 1.3; letter-spacing: -0.01em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .lp-mono { font-family: var(--font-geist-mono), ui-monospace, monospace; font-weight: 400; font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--lp-text-secondary); -webkit-font-smoothing: antialiased; } .lp-body { font-family: var(--font-inter), system-ui, sans-serif; font-weight: 300; line-height: 1.7; letter-spacing: 0.005em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern" 1, "liga" 1, "calt" 1; } .lp-heading-sans { font-family: var(--font-plus-jakarta), system-ui, sans-serif; font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lp-gradient-heading { background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.5) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .lp-accent-word { color: var(--lp-accent); display: inline-block; } .lp-vignette { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2, 2, 3, 0.45) 0%, transparent 35%, transparent 65%, rgba(2, 2, 3, 0.65) 100%); pointer-events: none; } .lp-watermark-hide { position: absolute; bottom: 0; right: 0; width: 40%; height: 35%; background: linear-gradient(135deg, transparent 0%, rgba(2, 2, 3, 0.7) 35%, rgba(2, 2, 3, 1) 100%); pointer-events: none; } .lp-glass { background: var(--lp-bg-glass); backdrop-filter: blur(12px) saturate(120%); -webkit-backdrop-filter: blur(12px) saturate(120%); border: 1px solid var(--lp-border); box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.5), 0 8px 32px rgba(0, 0, 0, 0.4); transition: border-color 180ms ease, box-shadow 180ms ease; } .lp-glass:hover, .lp-glass-hover:hover { border-color: var(--lp-border-accent); box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.5), 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 24px var(--lp-accent-glow); } .lp-grid-overlay { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(var(--lp-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--lp-grid-line) 1px, transparent 1px); background-size: var(--lp-grid-size) var(--lp-grid-size); mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 75%); } .lp-grid-overlay-page { position: fixed; inset: 0; z-index: 1; pointer-events: none; background-image: linear-gradient(var(--lp-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--lp-grid-line) 1px, transparent 1px); background-size: var(--lp-grid-size) var(--lp-grid-size); mask-image: linear-gradient(90deg, transparent 5%, black 25%, black 75%, transparent 95%); -webkit-mask-image: linear-gradient(90deg, transparent 5%, black 25%, black 75%, transparent 95%); } .lp-section-line { height: 1px; background: linear-gradient(90deg, transparent, var(--lp-border-bright) 20%, var(--lp-border-bright) 80%, transparent); } @supports not (backdrop-filter: blur(1px)) { .lp-glass { backdrop-filter: none; background: rgba(13, 13, 18, 0.95); } } .lp-scroll-locked { overflow: hidden !important; touch-action: none; } .lp-marquee { overflow: hidden; mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent); } .lp-marquee-track { display: flex; gap: 1rem; width: max-content; } .lp-marquee-left { animation: marquee-scroll-left 40s linear infinite; } .lp-marquee-right { animation: marquee-scroll-right 45s linear infinite; } @keyframes marquee-scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes marquee-scroll-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } .lp-marquee:hover .lp-marquee-track { animation-play-state: paused; } @media (prefers-reduced-motion: reduce) { .lp-marquee-left, .lp-marquee-right { animation: none; } } @media (prefers-reduced-motion: reduce) { .lp-display, .lp-display-italic { transition: none; } } .lp-nav-links:has(.lp-nav-link:hover) .lp-nav-link:not(:hover) { opacity: 0.35 !important; } .lp-gradient-heading { background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.45) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } @keyframes border-beam-spin { 0% { --beam-angle: 0deg; } 100% { --beam-angle: 360deg; } } @property --beam-angle { syntax: ''; initial-value: 0deg; inherits: false; } .lp-border-beam { position: relative; overflow: hidden; } .lp-border-beam::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; background: conic-gradient(from var(--beam-angle), transparent 0%, transparent 70%, var(--lp-accent) 80%, var(--lp-accent-bright) 90%, transparent 100%); animation: border-beam-spin 3s linear infinite; z-index: -1; } .lp-border-beam::after { content: ''; position: absolute; inset: 1px; border-radius: inherit; background: var(--lp-cta-bg); z-index: -1; } @keyframes lp-pulse-dot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.85); } } .lp-pulse-dot { animation: lp-pulse-dot 2s ease-in-out infinite; } @keyframes lp-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .lp-blink { animation: lp-blink 1s step-end infinite; } @property --nav-t { syntax: ''; initial-value: 0; inherits: true; } @property --lp-section-hue { syntax: ''; initial-value: 220; inherits: true; } @property --pulse-offset { syntax: ''; initial-value: -100%; inherits: false; } .lp-spring { transition-timing-function: linear(0, 0.009, 0.035 2.1%, 0.141, 0.281 6.7%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%, 0.997 69.8%, 1.003 76.9%, 1); } @keyframes lp-spring-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } .lp-spring-in { animation: lp-spring-in 0.8s linear(0, 0.009, 0.035 2.1%, 0.141, 0.281 6.7%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%, 0.997 69.8%, 1.003 76.9%, 1) both; } .lp-glitch { position: relative; } .lp-glitch::before, .lp-glitch::after { content: attr(data-text); position: absolute; inset: 0; opacity: 0; pointer-events: none; } .lp-glitch:hover::before { opacity: 0.8; color: #ff0040; animation: lp-glitch-shift 0.3s steps(2) forwards; clip-path: inset(20% 0 30% 0); } .lp-glitch:hover::after { opacity: 0.8; color: #2563EB; animation: lp-glitch-shift-reverse 0.3s steps(2) forwards; clip-path: inset(60% 0 5% 0); } @keyframes lp-glitch-shift { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-1px); } 100% { transform: translateX(0); opacity: 0; } } @keyframes lp-glitch-shift-reverse { 0% { transform: translateX(0); } 25% { transform: translateX(3px); } 50% { transform: translateX(-3px); } 75% { transform: translateX(1px); } 100% { transform: translateX(0); opacity: 0; } } .lp-glitch-burst::before { opacity: 0.8 !important; color: #ff0040; animation: lp-glitch-shift 0.3s steps(2) forwards; clip-path: inset(20% 0 30% 0); } .lp-glitch-burst::after { opacity: 0.8 !important; color: #2563EB; animation: lp-glitch-shift-reverse 0.3s steps(2) forwards; clip-path: inset(60% 0 5% 0); } @media (max-width: 767px) { .lp-footer-watermark-container { justify-content: flex-end !important; align-items: center !important; padding-right: 0.5rem; } .lp-footer-watermark { writing-mode: vertical-rl; text-orientation: mixed; font-size: clamp(4rem, 18vw, 8rem) !important; letter-spacing: 0.15em !important; transform: none !important; white-space: nowrap; } .lp-footer-watermark.lp-glitch::before, .lp-footer-watermark.lp-glitch::after { display: none; } } @keyframes lp-tab-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } } .lp-tab-progress { transform-origin: left; animation: lp-tab-progress var(--tab-duration, 7s) linear forwards; } .lp-section-glow { background: radial-gradient(ellipse 80% 50% at 50% 50%, hsla(var(--lp-section-hue), 90%, 50%, var(--lp-section-glow-opacity)), transparent 70%); } .lp-volumetric-light { position: absolute; width: 2px; height: 100%; left: 50%; top: 0; transform: translateX(-50%) scaleX(60); filter: blur(40px); background: linear-gradient(180deg, transparent, rgba(37, 99, 235, 0.06) 20%, rgba(37, 99, 235, 0.12) 50%, rgba(37, 99, 235, 0.06) 80%, transparent); pointer-events: none; } .cmp-row { opacity: 0; transform: translateY(20px); } .pricing-card { opacity: 0; transform: translateY(32px) scale(0.97); } .cta-word { opacity: 0; } .cta-reveal { opacity: 0; transform: translateY(20px); } .lp-focus-ring:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--lp-bg, #040408), 0 0 0 4px var(--lp-accent, #2563EB), 0 0 12px var(--lp-accent-glow, rgba(37, 99, 235, 0.15)); border-radius: inherit; transition: box-shadow 0.2s ease; } .lp-cta-glow { position: relative; transition: transform 0.2s ease, box-shadow 0.2s ease; } .lp-cta-glow:hover { transform: translateY(-1px); box-shadow: 0 4px 24px rgba(37, 99, 235, 0.25), 0 0 0 1px rgba(37, 99, 235, 0.3); } .lp-cta-glow:active { transform: translateY(0); } .lp-tilt-card { transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease; transform-style: preserve-3d; will-change: transform; } .lp-tilt-card:hover { transform: perspective(800px) rotateX(1.5deg) rotateY(-1.5deg) translateY(-4px); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(37, 99, 235, 0.1); } .lp-magnetic-btn { transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease, background-color 0.25s ease; } .lp-magnetic-btn:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2); } .lp-magnetic-btn:active { transform: translateY(0) scale(0.98); box-shadow: 0 2px 8px rgba(37, 99, 235, 0.15); } .lp-link-reveal { position: relative; } .lp-link-reveal::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: var(--lp-accent, #2563EB); transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .lp-link-reveal:hover::after { width: 100%; } @media (prefers-reduced-motion: reduce) { .lp-tilt-card, .lp-tilt-card:hover, .lp-magnetic-btn, .lp-magnetic-btn:hover, .lp-magnetic-btn:active { transform: none !important; transition: none !important; } .lp-link-reveal::after { transition: none !important; } } .bento-grid { display: grid; gap: 12px; grid-template-columns: 1fr; } @media (min-width: 640px) and (max-width: 1023px) { .bento-grid { grid-template-columns: 1fr 1fr; gap: 14px; } .bento-grid>.bento-cell-ai { grid-column: 1 / -1; } .bento-grid>.bento-cell-journey { grid-column: 1 / -1; } } @media (min-width: 1024px) { .bento-grid { gap: 18px; grid-template-columns: 5fr 4fr 4fr; grid-template-rows: 1fr 1fr; grid-template-areas: "ai journey connected" "ai billing pharma"; } .bento-grid>.bento-cell-ai { grid-area: ai; min-height: 420px; } .bento-grid>.bento-cell-journey { grid-area: journey; } .bento-grid>.bento-cell-billing { grid-area: billing; } .bento-grid>.bento-cell-pharmacy { grid-area: pharma; } .bento-grid>.bento-cell-connected { grid-area: connected; } } @keyframes fadeSlideIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @keyframes billingPulse { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } } @property --scroll-progress { syntax: ''; initial-value: 0; inherits: false; } .lp-nav-progress-ring { background: conic-gradient(from -90deg, var(--lp-accent) calc(var(--scroll-progress, 0) * 360deg), transparent calc(var(--scroll-progress, 0) * 360deg)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 1.5px; opacity: calc(var(--scroll-progress, 0) * 5); transition: opacity 0.3s ease; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { :root, :host { --nav-t: 0; --lp-section-hue: 220; } *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --beam-angle: 0deg; --pulse-offset: -100%; --scroll-progress: 0; } } }