/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/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-20C4, 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_d8ebd1 {font-family: 'Inter', 'Inter Fallback';font-style: normal }.__variable_d8ebd1 {--font-inter: 'Inter', 'Inter Fallback' } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Plus_Jakarta_Sans","arguments":[{"subsets":["latin"],"weight":["500","600","700","800"],"variable":"--font-jakarta"}],"variableName":"jakarta"} ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* cyrillic-ext */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 500; 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: 500; 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: 500; 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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 500; 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; } /* cyrillic-ext */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 600; 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: 600; 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: 600; 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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 600; 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; } /* cyrillic-ext */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 700; 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: 700; 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: 700; 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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 700; 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; } /* cyrillic-ext */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 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: 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: 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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 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_de4d8c {font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback';font-style: normal }.__variable_de4d8c {--font-jakarta: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback' } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Geist_Mono","arguments":[{"subsets":["latin"],"variable":"--font-geist-mono"}],"variableName":"geistMono"} ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* cyrillic-ext */ @font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/013b72fa676f92e0-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: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/b9408752a0c24fb9-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* symbols2 */ @font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/65f03d54ccadf4a8-s.woff2) format('woff2'); unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F; } /* vietnamese */ @font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/e038a29029a234f2-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: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/2b5b02fc7e511755-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/7d4881bb7e1bf84d-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: 'Geist Mono Fallback';src: local("Arial");ascent-override: 74.67%;descent-override: 21.92%;line-gap-override: 0.00%;size-adjust: 134.59% }.__className_8c25df {font-family: 'Geist Mono', 'Geist Mono Fallback';font-style: normal }.__variable_8c25df {--font-geist-mono: 'Geist Mono', 'Geist Mono Fallback' } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Playfair_Display","arguments":[{"subsets":["latin"],"weight":["500","600","700"],"variable":"--font-serif"}],"variableName":"serif"} ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* cyrillic */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/47f136985ef5b5cb-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/4ead58c4dcc3f285-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: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/28a2004cf8372660-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/eaead17c7dbfcd5d-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; } /* cyrillic */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/47f136985ef5b5cb-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/4ead58c4dcc3f285-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: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/28a2004cf8372660-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/eaead17c7dbfcd5d-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; } /* cyrillic */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/47f136985ef5b5cb-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/4ead58c4dcc3f285-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: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/28a2004cf8372660-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/eaead17c7dbfcd5d-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: 'Playfair Display Fallback';src: local("Times New Roman");ascent-override: 97.25%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 111.26% }.__className_329080 {font-family: 'Playfair Display', 'Playfair Display Fallback';font-style: normal }.__variable_329080 {--font-serif: 'Playfair Display', 'Playfair Display Fallback' } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.28_@babel+core@7.29.7_@playwright+test@1.64.0_@types+node@22.19.20_react-dom@19.2.7_react@19.2.7__react@19.2.7/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.3.0 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-2xl: 42rem; --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-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --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-wide: 0.025em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --default-mono-font-family: var(--font-geist-mono), ui-monospace, 'SF Mono', Menlo, monospace; --color-brand: var(--brand-strong); } } @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; } .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 { inset: calc(var(--spacing) * 0); } .inset-\[18\%\] { inset: 18%; } .inset-\[18px\] { inset: 18px; } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-4 { top: calc(var(--spacing) * 4); } .top-6 { top: calc(var(--spacing) * 6); } .top-\[14\%\] { top: 14%; } .top-\[15px\] { top: 15px; } .top-\[22px\] { top: 22px; } .top-\[68px\] { top: 68px; } .right-0 { right: calc(var(--spacing) * 0); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-6 { right: calc(var(--spacing) * 6); } .right-12 { right: calc(var(--spacing) * 12); } .right-\[7\%\] { right: 7%; } .right-\[18\%\] { right: 18%; } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-\[7\%\] { left: 7%; } .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-\[45\] { z-index: 45; } .z-\[46\] { z-index: 46; } .z-\[60\] { z-index: 60; } .z-\[61\] { z-index: 61; } .z-\[62\] { z-index: 62; } .z-\[2147483000\] { z-index: 2147483000; } .\[grid-column\:1\/-1\] { grid-column: 1/-1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-full { grid-column: 1 / -1; } .float-left { float: left; } .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-1 { margin: calc(var(--spacing) * -1); } .m-0 { margin: calc(var(--spacing) * 0); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-auto { margin-inline: auto; } .my-1 { margin-block: calc(var(--spacing) * 1); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-3 { margin-top: calc(var(--spacing) * -3); } .-mt-6 { margin-top: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .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-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-\[2px\] { margin-top: 2px; } .mt-\[3px\] { margin-top: 3px; } .mt-\[6px\] { margin-top: 6px; } .mt-\[7px\] { margin-top: 7px; } .mt-auto { margin-top: auto; } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .-mb-px { margin-bottom: -1px; } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .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-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-\[2px\] { margin-bottom: 2px; } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-\[2px\] { margin-left: 2px; } .ml-auto { margin-left: auto; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .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; } .inline-grid { display: inline-grid; } .table { display: table; } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-\[7px\] { width: 7px; height: 7px; } .size-\[9px\] { width: 9px; height: 9px; } .size-\[10px\] { width: 10px; height: 10px; } .size-\[14px\] { width: 14px; height: 14px; } .size-\[18px\] { width: 18px; height: 18px; } .size-\[34px\] { width: 34px; height: 34px; } .size-\[38px\] { width: 38px; height: 38px; } .size-\[46px\] { width: 46px; height: 46px; } .size-\[52px\] { width: 52px; height: 52px; } .size-\[72px\] { width: 72px; height: 72px; } .size-full { width: 100%; height: 100%; } .h-1 { height: calc(var(--spacing) * 1); } .h-2 { height: calc(var(--spacing) * 2); } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .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-24 { height: calc(var(--spacing) * 24); } .h-\[2px\] { height: 2px; } .h-\[3px\] { height: 3px; } .h-\[5px\] { height: 5px; } .h-\[6px\] { height: 6px; } .h-\[8px\] { height: 8px; } .h-\[10px\] { height: 10px; } .h-\[20px\] { height: 20px; } .h-\[22px\] { height: 22px; } .h-\[34px\] { height: 34px; } .h-\[42px\] { height: 42px; } .h-\[44px\] { height: 44px; } .h-\[48px\] { height: 48px; } .h-\[56px\] { height: 56px; } .h-\[60px\] { height: 60px; } .h-\[72px\] { height: 72px; } .h-\[96px\] { height: 96px; } .h-\[110px\] { height: 110px; } .h-\[120px\] { height: 120px; } .h-\[140px\] { height: 140px; } .h-\[150px\] { height: 150px; } .h-\[170px\] { height: 170px; } .h-\[180px\] { height: 180px; } .h-\[184px\] { height: 184px; } .h-\[220px\] { height: 220px; } .h-\[390px\] { height: 390px; } .h-\[420px\] { height: 420px; } .h-\[520px\] { height: 520px; } .h-\[620px\] { height: 620px; } .h-\[min\(92vh\,960px\)\] { height: min(92vh, 960px); } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-\[72vh\] { max-height: 72vh; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[360px\] { max-height: 360px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[430px\] { max-height: 430px; } .max-h-\[460px\] { max-height: 460px; } .max-h-\[calc\(100vh-32px\)\] { max-height: calc(100vh - 32px); } .max-h-\[calc\(100vh-260px\)\] { max-height: calc(100vh - 260px); } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-7 { min-height: calc(var(--spacing) * 7); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-\[42px\] { min-height: 42px; } .min-h-\[52px\] { min-height: 52px; } .min-h-\[54px\] { min-height: 54px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[64px\] { min-height: 64px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[150px\] { min-height: 150px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[320px\] { min-height: 320px; } .min-h-dvh { min-height: 100dvh; } .min-h-screen { min-height: 100vh; } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-\[1\.5px\] { width: 1.5px; } .w-\[4px\] { width: 4px; } .w-\[32px\] { width: 32px; } .w-\[34px\] { width: 34px; } .w-\[48px\] { width: 48px; } .w-\[52px\] { width: 52px; } .w-\[56px\] { width: 56px; } .w-\[58px\] { width: 58px; } .w-\[60\%\] { width: 60%; } .w-\[64px\] { width: 64px; } .w-\[70\%\] { width: 70%; } .w-\[85\%\] { width: 85%; } .w-\[86px\] { width: 86px; } .w-\[90\%\] { width: 90%; } .w-\[90px\] { width: 90px; } .w-\[110px\] { width: 110px; } .w-\[120px\] { width: 120px; } .w-\[140px\] { width: 140px; } .w-\[170px\] { width: 170px; } .w-\[180px\] { width: 180px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[240px\] { width: 240px; } .w-\[260px\] { width: 260px; } .w-\[300px\] { width: 300px; } .w-\[400px\] { width: 400px; } .w-\[440px\] { width: 440px; } .w-\[520px\] { width: 520px; } .w-\[600px\] { width: 600px; } .w-\[720px\] { width: 720px; } .w-\[1040px\] { width: 1040px; } .w-\[min\(360px\,100\%\)\] { width: min(360px, 100%); } .w-\[min\(448px\,calc\(100\%-32px\)\)\] { width: min(448px, calc(100% - 32px)); } .w-\[var\(--sidebar-w\)\] { width: var(--sidebar-w); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-\[44ch\] { max-width: 44ch; } .max-w-\[60ch\] { max-width: 60ch; } .max-w-\[68ch\] { max-width: 68ch; } .max-w-\[75ch\] { max-width: 75ch; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[86\%\] { max-width: 86%; } .max-w-\[92\%\] { max-width: 92%; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[520px\] { max-width: 520px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[880px\] { max-width: 880px; } .max-w-\[1040px\] { max-width: 1040px; } .max-w-\[1240px\] { max-width: 1240px; } .max-w-\[calc\(100\%-32px\)\] { max-width: calc(100% - 32px); } .max-w-\[calc\(100vw-32px\)\] { max-width: calc(100vw - 32px); } .max-w-full { max-width: 100%; } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-\[22px\] { min-width: 22px; } .min-w-\[24px\] { min-width: 24px; } .min-w-\[58px\] { min-width: 58px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[76px\] { min-width: 76px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[170px\] { min-width: 170px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[340px\] { min-width: 340px; } .min-w-\[480px\] { min-width: 480px; } .min-w-\[560px\] { min-width: 560px; } .min-w-\[620px\] { min-width: 620px; } .min-w-\[640px\] { min-width: 640px; } .min-w-\[760px\] { min-width: 760px; } .min-w-\[960px\] { min-width: 960px; } .flex-1 { flex: 1; } .flex-none { flex: none; } .shrink-0 { flex-shrink: 0; } .basis-full { flex-basis: 100%; } .border-collapse { border-collapse: collapse; } .origin-bottom { transform-origin: bottom; } .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-1 { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-6 { --tw-translate-x: calc(var(--spacing) * 6); 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); } .-skew-y-12 { --tw-skew-y: skewY(calc(12deg * -1)); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-\[pb-rise_\.35s_ease-out\] { animation: pb-rise .35s ease-out; } .animate-\[pb-scan_1\.4s_ease-in-out_infinite_alternate\] { animation: pb-scan 1.4s ease-in-out infinite alternate; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-grab { cursor: grab; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .scroll-mt-6 { scroll-margin-top: calc(var(--spacing) * 6); } .scroll-mt-20 { scroll-margin-top: calc(var(--spacing) * 20); } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .auto-cols-\[minmax\(232px\,1fr\)\] { grid-auto-columns: minmax(232px,1fr); } .grid-flow-col { grid-auto-flow: column; } .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-\[1\.1fr_0\.9fr\] { grid-template-columns: 1.1fr 0.9fr; } .grid-cols-\[1\.2fr_1fr\] { grid-template-columns: 1.2fr 1fr; } .grid-cols-\[1\.4fr_1fr_0\.6fr_auto\] { grid-template-columns: 1.4fr 1fr 0.6fr auto; } .grid-cols-\[1\.25fr_0\.75fr\] { grid-template-columns: 1.25fr 0.75fr; } .grid-cols-\[1fr_2fr_auto\] { grid-template-columns: 1fr 2fr auto; } .grid-cols-\[1fr_120px\] { grid-template-columns: 1fr 120px; } .grid-cols-\[1fr_300px\] { grid-template-columns: 1fr 300px; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[12px_1fr\] { grid-template-columns: 12px 1fr; } .grid-cols-\[36px_1fr_auto\] { grid-template-columns: 36px 1fr auto; } .grid-cols-\[36px_minmax\(0\,1fr\)\] { grid-template-columns: 36px minmax(0,1fr); } .grid-cols-\[44px_1fr\] { grid-template-columns: 44px 1fr; } .grid-cols-\[62px_minmax\(0\,1fr\)\] { grid-template-columns: 62px minmax(0,1fr); } .grid-cols-\[62px_minmax\(0\,1fr\)_auto\] { grid-template-columns: 62px minmax(0,1fr) auto; } .grid-cols-\[96px_minmax\(0\,1fr\)_auto\] { grid-template-columns: 96px minmax(0,1fr) auto; } .grid-cols-\[120px_minmax\(0\,1fr\)_auto\] { grid-template-columns: 120px minmax(0,1fr) auto; } .grid-cols-\[140px_1fr\] { grid-template-columns: 140px 1fr; } .grid-cols-\[200px_minmax\(0\,1fr\)_300px\] { grid-template-columns: 200px minmax(0,1fr) 300px; } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[max-content_minmax\(0\,1fr\)\] { grid-template-columns: max-content minmax(0,1fr); } .grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); } .grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); } .grid-cols-\[minmax\(0\,1fr\)_96px\] { grid-template-columns: minmax(0,1fr) 96px; } .grid-cols-\[minmax\(0\,1fr\)_120px_auto\] { grid-template-columns: minmax(0,1fr) 120px auto; } .grid-cols-\[minmax\(0\,1fr\)_160px\] { grid-template-columns: minmax(0,1fr) 160px; } .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0,1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)\] { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; } .grid-cols-\[minmax\(0\,2fr\)_repeat\(3\,minmax\(0\,1fr\)\)_auto\] { grid-template-columns: minmax(0,2fr) repeat(3,minmax(0,1fr)) auto; } .grid-cols-\[minmax\(0\,180px\)_1fr\] { grid-template-columns: minmax(0,180px) 1fr; } .grid-cols-\[minmax\(0\,380px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0,380px) minmax(0,1fr); } .grid-cols-\[repeat\(6\,minmax\(150px\,1fr\)\)\] { grid-template-columns: repeat(6,minmax(150px,1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(210px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(240px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); } .grid-cols-\[var\(--sidebar-rail\)_minmax\(0\,1fr\)\] { grid-template-columns: var(--sidebar-rail) minmax(0,1fr); } .grid-cols-\[var\(--sidebar-w\)_minmax\(0\,1fr\)\] { grid-template-columns: var(--sidebar-w) minmax(0,1fr); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-start { align-content: flex-start; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .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-end { justify-items: end; } .justify-items-start { justify-items: start; } .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-7 { gap: calc(var(--spacing) * 7); } .gap-\[2px\] { gap: 2px; } .gap-\[3px\] { gap: 3px; } .gap-\[5px\] { gap: 5px; } .gap-\[6px\] { gap: 6px; } .gap-\[10px\] { gap: 10px; } .gap-\[14px\] { gap: 14px; } .gap-\[22px\] { gap: 22px; } .gap-px { gap: 1px; } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .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-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .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-line { :where(& > :not(:last-child)) { border-color: var(--line); } } .divide-line-2 { :where(& > :not(:last-child)) { border-color: var(--line-2); } } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .justify-self-start { justify-self: flex-start; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overscroll-contain { overscroll-behavior: contain; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[9px\] { border-radius: 9px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[26px\] { border-radius: 26px; } .rounded-card { border-radius: var(--r-card); } .rounded-card-lg { border-radius: var(--r-card-lg); } .rounded-ctl { border-radius: var(--r-ctl); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-none { border-radius: 0; } .rounded-pill { border-radius: var(--r-pill); } .rounded-t-\[12px\] { border-top-left-radius: 12px; border-top-right-radius: 12px; } .rounded-t-\[18px\] { border-top-left-radius: 18px; border-top-right-radius: 18px; } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-b-card-lg { border-bottom-right-radius: var(--r-card-lg); border-bottom-left-radius: var(--r-card-lg); } .rounded-bl-\[2px\] { border-bottom-left-radius: 2px; } .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-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-\[6px\] { border-style: var(--tw-border-style); border-width: 6px; } .border-\[7px\] { border-style: var(--tw-border-style); border-width: 7px; } .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-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .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-b-\[3px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .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-\[\#111\] { border-color: #111; } .border-\[\#a5e3ea\] { border-color: #a5e3ea; } .border-\[\#b7e2c8\] { border-color: #b7e2c8; } .border-\[\#c4cad3\] { border-color: #c4cad3; } .border-\[\#c7d0f7\] { border-color: #c7d0f7; } .border-\[\#d5dbe1\] { border-color: #d5dbe1; } .border-\[\#dbe3ec\] { border-color: #dbe3ec; } .border-\[\#eee\] { border-color: #eee; } .border-\[\#f5c2cf\] { border-color: #f5c2cf; } .border-amber-line { border-color: var(--amber-line); } .border-brand { border-color: var(--brand-strong); } .border-brand-accent { border-color: var(--brand-accent); } .border-brand-tint { border-color: var(--brand-tint); } .border-current\/20 { border-color: currentcolor; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, currentcolor 20%, transparent); } } .border-done { border-color: var(--done); } .border-gold { border-color: var(--gold); } .border-gold\/40 { border-color: var(--gold); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--gold) 40%, transparent); } } .border-gold\/50 { border-color: var(--gold); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--gold) 50%, transparent); } } .border-gold\/60 { border-color: var(--gold); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--gold) 60%, transparent); } } .border-ink { border-color: var(--ink); } .border-ink-2 { border-color: var(--ink-2); } .border-line { border-color: var(--line); } .border-line-2 { border-color: var(--line-2); } .border-pill-green { border-color: var(--pill-green); } .border-red-ink { border-color: var(--red-ink); } .border-red-ink\/40 { border-color: var(--red-ink); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--red-ink) 40%, transparent); } } .border-red-line { border-color: var(--red-line); } .border-transparent { border-color: transparent; } .border-white { border-color: var(--color-white); } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, 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\/70 { border-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .border-you { border-color: var(--you); } .border-you-ink\/40 { border-color: var(--you-ink); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--you-ink) 40%, transparent); } } .border-you-line { border-color: var(--you-line); } .border-x-ink { border-inline-color: var(--ink); } .border-x-line { border-inline-color: var(--line); } .border-t-\[\#94a3b8\] { border-top-color: #94a3b8; } .border-t-\[\#64748b\] { border-top-color: #64748b; } .border-t-\[\#596171\] { border-top-color: #596171; } .border-t-\[\#ca8a04\] { border-top-color: #ca8a04; } .border-t-\[\#e11d48\] { border-top-color: #e11d48; } .border-t-commission { border-top-color: var(--commission); } .border-t-done { border-top-color: var(--done); } .border-t-preca-dot { border-top-color: var(--preca-dot); } .border-t-red-ink { border-top-color: var(--red-ink); } .border-t-you-dot { border-top-color: var(--you-dot); } .border-b-ink { border-bottom-color: var(--ink); } .border-b-line { border-bottom-color: var(--line); } .border-l-\[\#25d366\] { border-left-color: #25d366; } .border-l-\[\#1877f2\] { border-left-color: #1877f2; } .border-l-\[\#b3093c\] { border-left-color: #b3093c; } .border-l-\[\#dd2a7b\] { border-left-color: #dd2a7b; } .border-l-brand { border-left-color: var(--brand-strong); } .border-l-gold { border-left-color: var(--gold); } .border-l-red-ink { border-left-color: var(--red-ink); } .bg-\[\#0f5f2e\] { background-color: #0f5f2e; } .bg-\[\#7c3aed\] { background-color: #7c3aed; } .bg-\[\#16a34a\] { background-color: #16a34a; } .bg-\[\#25d366\] { background-color: #25d366; } .bg-\[\#27b884\] { background-color: #27b884; } .bg-\[\#0055bc\] { background-color: #0055bc; } .bg-\[\#075e54\] { background-color: #075e54; } .bg-\[\#94a3b8\] { background-color: #94a3b8; } .bg-\[\#0891b2\] { background-color: #0891b2; } .bg-\[\#1877f2\] { background-color: #1877f2; } .bg-\[\#6366f1\] { background-color: #6366f1; } .bg-\[\#10302a\] { background-color: #10302a; } .bg-\[\#15803d\] { background-color: #15803d; } .bg-\[\#64748b\] { background-color: #64748b; } .bg-\[\#596171\] { background-color: #596171; } .bg-\[\#a16207\] { background-color: #a16207; } .bg-\[\#c4cad3\] { background-color: #c4cad3; } .bg-\[\#ca8a04\] { background-color: #ca8a04; } .bg-\[\#db2777\] { background-color: #db2777; } .bg-\[\#e5ddd5\] { background-color: #e5ddd5; } .bg-\[\#e7f8ee\] { background-color: #e7f8ee; } .bg-\[\#e11d48\] { background-color: #e11d48; } .bg-\[\#ea580c\] { background-color: #ea580c; } .bg-\[\#ecfbfd\] { background-color: #ecfbfd; } .bg-\[\#f3f4f6\] { background-color: #f3f4f6; } .bg-\[\#f6f9fc\] { background-color: #f6f9fc; } .bg-\[\#fef7e0\] { background-color: #fef7e0; } .bg-\[\#fff1f2\] { background-color: #fff1f2; } .bg-\[\#fff5f7\] { background-color: #fff5f7; } .bg-\[rgba\(201\,162\,77\,\.2\)\] { background-color: rgba(201,162,77,.2); } .bg-\[var\(--chart-2\)\] { background-color: var(--chart-2); } .bg-\[var\(--side\)\] { background-color: var(--side); } .bg-amber-tint { background-color: var(--amber-tint); } .bg-amber-tint\/40 { background-color: var(--amber-tint); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--amber-tint) 40%, transparent); } } .bg-amber-tint\/60 { background-color: var(--amber-tint); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--amber-tint) 60%, transparent); } } .bg-band { background-color: var(--band); } .bg-bg { background-color: var(--bg); } .bg-black { background-color: var(--color-black); } .bg-black\/55 { background-color: color-mix(in srgb, #000 55%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 55%, 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-blue-ink { background-color: var(--blue-ink); } .bg-blue-tint { background-color: var(--blue-tint); } .bg-brand { background-color: var(--brand-strong); } .bg-brand-accent { background-color: var(--brand-accent); } .bg-brand-accent\/40 { background-color: var(--brand-accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-accent) 40%, transparent); } } .bg-brand-hover { background-color: var(--brand-hover); } .bg-brand-tint { background-color: var(--brand-tint); } .bg-canvas { background-color: var(--canvas); } .bg-commission { background-color: var(--commission); } .bg-commission-tint { background-color: var(--commission-tint); } .bg-current { background-color: currentcolor; } .bg-danger\/15 { background-color: var(--danger); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--danger) 15%, transparent); } } .bg-done { background-color: var(--done); } .bg-done-tint { background-color: var(--done-tint); } .bg-gold { background-color: var(--gold); } .bg-ink { background-color: var(--ink); } .bg-line { background-color: var(--line); } .bg-line-2 { background-color: var(--line-2); } .bg-muted { background-color: var(--muted); } .bg-navy { background-color: var(--navy); } .bg-navy\/30 { background-color: var(--navy); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--navy) 30%, transparent); } } .bg-navy\/40 { background-color: var(--navy); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--navy) 40%, transparent); } } .bg-on-brand { background-color: var(--on-brand); } .bg-pill-amber { background-color: var(--pill-amber); } .bg-pill-amber-bg { background-color: var(--pill-amber-bg); } .bg-pill-blue-bg { background-color: var(--pill-blue-bg); } .bg-pill-green { background-color: var(--pill-green); } .bg-pill-green-bg { background-color: var(--pill-green-bg); } .bg-pill-green-bg\/40 { background-color: var(--pill-green-bg); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--pill-green-bg) 40%, transparent); } } .bg-pill-red { background-color: var(--pill-red); } .bg-pill-red-bg { background-color: var(--pill-red-bg); } .bg-pill-slate-bg { background-color: var(--pill-slate-bg); } .bg-preca { background-color: var(--preca); } .bg-preca-dot { background-color: var(--preca-dot); } .bg-preca-tint { background-color: var(--preca-tint); } .bg-red-ink { background-color: var(--red-ink); } .bg-red-ink\/60 { background-color: var(--red-ink); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--red-ink) 60%, transparent); } } .bg-red-tint { background-color: var(--red-tint); } .bg-success\/15 { background-color: var(--success); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--success) 15%, transparent); } } .bg-surface { background-color: var(--surface); } .bg-surface-2 { background-color: var(--surface-2); } .bg-transparent { background-color: transparent; } .bg-warning\/15 { background-color: var(--warning); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--warning) 15%, transparent); } } .bg-white { background-color: var(--color-white); } .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\/25 { 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); } } .bg-white\/\[0\.06\] { background-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .bg-white\/\[0\.08\] { background-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .bg-white\/\[0\.12\] { background-color: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .bg-you { background-color: var(--you); } .bg-you-dot { background-color: var(--you-dot); } .bg-you-tint { background-color: var(--you-tint); } .bg-zebra { background-color: var(--zebra); } .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-\[linear-gradient\(45deg\,\#f58529\,\#dd2a7b\,\#8134af\)\] { background-image: linear-gradient(45deg,#f58529,#dd2a7b,#8134af); } .bg-\[linear-gradient\(180deg\,var\(--navy\)_0\%\,\#0f2238_100\%\)\] { background-image: linear-gradient(180deg,var(--navy) 0%,#0f2238 100%); } .from-\[\#2bde80\] { --tw-gradient-from: #2bde80; --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-\[\#3b2a5a\] { --tw-gradient-from: #3b2a5a; --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-brand-tint { --tw-gradient-from: var(--brand-tint); --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-navy { --tw-gradient-from: var(--navy); --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-navy-2 { --tw-gradient-from: var(--navy-2); --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-\[\#0fa557\] { --tw-gradient-to: #0fa557; --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-\[\#dd2a7b\] { --tw-gradient-to: #dd2a7b; --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-gold { --tw-gradient-to: var(--gold); --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-navy-2 { --tw-gradient-to: var(--navy-2); --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-surface { --tw-gradient-to: var(--surface); --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)); } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .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-8 { padding: calc(var(--spacing) * 8); } .p-\[2px\] { padding: 2px; } .p-\[3px\] { padding: 3px; } .p-\[5px\] { padding: 5px; } .p-\[10px\] { padding: 10px; } .p-\[18px\] { padding: 18px; } .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-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-\[6px\] { padding-inline: 6px; } .px-\[9px\] { padding-inline: 9px; } .px-\[10px\] { padding-inline: 10px; } .px-\[14px\] { padding-inline: 14px; } .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-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .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-\[1px\] { padding-block: 1px; } .py-\[2px\] { padding-block: 2px; } .py-\[3px\] { padding-block: 3px; } .py-\[6px\] { padding-block: 6px; } .py-\[7px\] { padding-block: 7px; } .py-\[10px\] { padding-block: 10px; } .py-\[11px\] { padding-block: 11px; } .py-\[14px\] { padding-block: 14px; } .py-\[18px\] { padding-block: 18px; } .py-px { padding-block: 1px; } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .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-12 { padding-top: calc(var(--spacing) * 12); } .pt-\[2px\] { padding-top: 2px; } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .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-\[72px\] { padding-bottom: 72px; } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-\[34px\] { padding-left: 34px; } .pl-\[60px\] { padding-left: 60px; } .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-display { font-family: var(--font-serif), Georgia, 'Times New Roman', serif; } .font-mono { font-family: var(--font-geist-mono), ui-monospace, 'SF Mono', Menlo, monospace; } .font-sans { font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; } .font-serif { font-family: var(--font-serif); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14\.5px\] { font-size: 14.5px; } .text-\[14px\] { font-size: 14px; } .text-\[15\.5px\] { font-size: 15.5px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[19px\] { font-size: 19px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[32px\] { font-size: 32px; } .text-\[34px\] { font-size: 34px; } .text-\[120px\] { font-size: 120px; } .text-\[clamp\(22px\,2vw\,28px\)\] { font-size: clamp(22px, 2vw, 28px); } .text-\[clamp\(24px\,2\.6vw\,30px\)\] { font-size: clamp(24px, 2.6vw, 30px); } .text-\[clamp\(24px\,2\.6vw\,32px\)\] { font-size: clamp(24px, 2.6vw, 32px); } .text-\[clamp\(26px\,3vw\,34px\)\] { font-size: clamp(26px, 3vw, 34px); } .text-\[clamp\(28px\,3vw\,36px\)\] { font-size: clamp(28px, 3vw, 36px); } .text-\[clamp\(30px\,3\.2vw\,40px\)\] { font-size: clamp(30px, 3.2vw, 40px); } .text-\[clamp\(34px\,3\.4vw\,44px\)\] { font-size: clamp(34px, 3.4vw, 44px); } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; } .leading-\[32px\] { --tw-leading: 32px; line-height: 32px; } .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-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\.01em\] { --tw-tracking: -0.01em; letter-spacing: -0.01em; } .tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; } .tracking-\[-0\.03em\] { --tw-tracking: -0.03em; letter-spacing: -0.03em; } .tracking-\[-0\.025em\] { --tw-tracking: -0.025em; letter-spacing: -0.025em; } .tracking-\[-0\.035em\] { --tw-tracking: -0.035em; letter-spacing: -0.035em; } .tracking-\[\.04em\] { --tw-tracking: .04em; letter-spacing: .04em; } .tracking-\[\.06em\] { --tw-tracking: .06em; letter-spacing: .06em; } .tracking-\[0\.02em\] { --tw-tracking: 0.02em; letter-spacing: 0.02em; } .tracking-\[0\.3em\] { --tw-tracking: 0.3em; letter-spacing: 0.3em; } .tracking-\[0\.04em\] { --tw-tracking: 0.04em; letter-spacing: 0.04em; } .tracking-\[0\.05em\] { --tw-tracking: 0.05em; letter-spacing: 0.05em; } .tracking-\[0\.06em\] { --tw-tracking: 0.06em; letter-spacing: 0.06em; } .tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; } .tracking-\[0\.09em\] { --tw-tracking: 0.09em; letter-spacing: 0.09em; } .tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .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-\[\#0a7cff\] { color: #0a7cff; } .text-\[\#0e6a78\] { color: #0e6a78; } .text-\[\#0f5f2e\] { color: #0f5f2e; } .text-\[\#9f1239\] { color: #9f1239; } .text-\[\#9fe3bc\] { color: #9fe3bc; } .text-\[\#075e54\] { color: #075e54; } .text-\[\#111\] { color: #111; } .text-\[\#854d0e\] { color: #854d0e; } .text-\[\#3730a3\] { color: #3730a3; } .text-\[\#d4cdbb\] { color: #d4cdbb; } .text-\[var\(--side\)\] { color: var(--side); } .text-\[var\(--side-ink\)\] { color: var(--side-ink); } .text-\[var\(--side-muted\)\] { color: var(--side-muted); } .text-amber-ink { color: var(--amber-ink); } .text-band-ink { color: var(--band-ink); } .text-band-muted { color: var(--band-muted); } .text-blue-ink { color: var(--blue-ink); } .text-brand { color: var(--brand-strong); } .text-brand-ink { color: var(--brand-ink); } .text-commission { color: var(--commission); } .text-danger { color: var(--danger); } .text-done { color: var(--done); } .text-gold { color: var(--gold); } .text-ink { color: var(--ink); } .text-ink-2 { color: var(--ink-2); } .text-muted { color: var(--muted); } .text-muted-foreground { color: var(--muted-foreground); } .text-navy { color: var(--navy); } .text-on-brand { color: var(--on-brand); } .text-pill-amber { color: var(--pill-amber); } .text-pill-blue { color: var(--pill-blue); } .text-pill-green { color: var(--pill-green); } .text-pill-red { color: var(--pill-red); } .text-pill-red-bg { color: var(--pill-red-bg); } .text-pill-slate { color: var(--pill-slate); } .text-preca { color: var(--preca); } .text-red-ink { color: var(--red-ink); } .text-red-ink\/80 { color: var(--red-ink); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--red-ink) 80%, transparent); } } .text-success { color: var(--success); } .text-surface { color: var(--surface); } .text-warning { color: var(--warning); } .text-white { color: var(--color-white); } .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\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, 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\/85 { color: color-mix(in srgb, #fff 85%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .text-you { color: var(--you); } .text-you-dot { color: var(--you-dot); } .text-you-ink { color: var(--you-ink); } .capitalize { text-transform: capitalize; } .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; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .underline-offset-2 { text-underline-offset: 2px; } .accent-\[var\(--brand-strong\)\] { accent-color: var(--brand-strong); } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-90 { opacity: 90%; } .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-\[0_0_0_1px_\#ecd9a8\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ecd9a8); 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_0_0_1px_rgba\(179\,9\,60\,\.28\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(179,9,60,.28)); 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_0_0_1px_var\(--line\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--line)); 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_0_0_1px_var\(--red-ink\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--red-ink)); 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_0_0_2px_\#25d366\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #25d366); 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_0_0_2px_var\(--brand-strong\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--brand-strong)); 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_0_0_3px_\#9ee38a\] { --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #9ee38a); 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_0_0_3px_var\(--gold\)\] { --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--gold)); 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_0_0_3px_var\(--line\)\] { --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--line)); 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_0_0_4px_var\(--brand-tint\)\] { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--brand-tint)); 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_0_12px_2px_rgba\(32\,205\,113\,0\.7\)\] { --tw-shadow: 0 0 12px 2px var(--tw-shadow-color, rgba(32,205,113,0.7)); 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_1px_0_rgba\(0\,0\,0\,\.08\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(0,0,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_1px_2px_rgba\(10\,37\,64\,\.12\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(10,37,64,.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_1px_3px_rgba\(10\,37\,64\,\.10\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(10,37,64,.10)); 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_4px_12px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,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-\[inset_0_0_0_1px_var\(--brand-strong\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--brand-strong)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-brand { --tw-shadow: var(--sh-brand); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-btn { --tw-shadow: var(--sh-btn); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-card { --tw-shadow: var(--sh-card); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-ctl { --tw-shadow: var(--sh-ctl); 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-modal { --tw-shadow: var(--sh-3); 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-soft { --tw-shadow: var(--sh-soft); 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); } .ring-amber-line { --tw-ring-color: var(--amber-line); } .ring-brand-accent { --tw-ring-color: var(--brand-accent); } .ring-ink { --tw-ring-color: var(--ink); } .ring-line { --tw-ring-color: var(--line); } .ring-red-ink { --tw-ring-color: var(--red-ink); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-3 { outline-style: var(--tw-outline-style); outline-width: 3px; } .outline-offset-3 { outline-offset: 3px; } .outline-brand { outline-color: var(--brand-strong); } .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,); } .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,); } .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-\[1px\] { --tw-backdrop-blur: blur(1px); -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-\[width\,box-shadow\] { transition-property: width,box-shadow; 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)); } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .ease-\[cubic-bezier\(\.2\,\.8\,\.2\,1\)\] { --tw-ease: cubic-bezier(.2,.8,.2,1); transition-timing-function: cubic-bezier(.2,.8,.2,1); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[clip-path\:polygon\(0_0\,100\%_0\,calc\(100\%-18px\)_100\%\,18px_100\%\)\] { clip-path: polygon(0 0,100% 0,calc(100% - 18px) 100%,18px 100%); } .group-open\:rotate-180 { &:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 180deg; } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .marker\:font-semibold { & *::marker { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &::marker { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } & *::-webkit-details-marker { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &::-webkit-details-marker { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .placeholder\:text-muted { &::placeholder { color: var(--muted); } } .first\:border-t-0 { &:first-child { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .first\:pt-0 { &:first-child { padding-top: calc(var(--spacing) * 0); } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:pb-0 { &:last-child { padding-bottom: calc(var(--spacing) * 0); } } .odd\:bg-zebra { &:nth-child(odd) { background-color: var(--zebra); } } .empty\:hidden { &:empty { display: none; } } .hover\:border-\[var\(--side-ink\)\] { &:hover { @media (hover: hover) { border-color: var(--side-ink); } } } .hover\:border-brand { &:hover { @media (hover: hover) { border-color: var(--brand-strong); } } } .hover\:border-ink-2 { &:hover { @media (hover: hover) { border-color: var(--ink-2); } } } .hover\:border-line { &:hover { @media (hover: hover) { border-color: var(--line); } } } .hover\:border-red-ink { &:hover { @media (hover: hover) { border-color: var(--red-ink); } } } .hover\:border-you { &:hover { @media (hover: hover) { border-color: var(--you); } } } .hover\:bg-\[\#1fb859\] { &:hover { @media (hover: hover) { background-color: #1fb859; } } } .hover\:bg-\[\#d8b462\] { &:hover { @media (hover: hover) { background-color: #d8b462; } } } .hover\:bg-brand-hover { &:hover { @media (hover: hover) { background-color: var(--brand-hover); } } } .hover\:bg-brand-tint { &:hover { @media (hover: hover) { background-color: var(--brand-tint); } } } .hover\:bg-hover { &:hover { @media (hover: hover) { background-color: var(--hover); } } } .hover\:bg-line-2 { &:hover { @media (hover: hover) { background-color: var(--line-2); } } } .hover\:bg-navy-2 { &:hover { @media (hover: hover) { background-color: var(--navy-2); } } } .hover\:bg-red-tint { &:hover { @media (hover: hover) { background-color: var(--red-tint); } } } .hover\:bg-surface-2 { &:hover { @media (hover: hover) { background-color: var(--surface-2); } } } .hover\:bg-surface\/60 { &:hover { @media (hover: hover) { background-color: var(--surface); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--surface) 60%, 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\:text-ink { &:hover { @media (hover: hover) { color: var(--ink); } } } .hover\:text-red-ink { &:hover { @media (hover: hover) { color: var(--red-ink); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-\[0_0_0_1px_var\(--ink-2\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ink-2)); 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-ctl { &:hover { @media (hover: hover) { --tw-shadow: var(--sh-ctl); 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-ctl-hover { &:hover { @media (hover: hover) { --tw-shadow: var(--sh-ctl-hover); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .focus\:not-sr-only { &:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } } .focus\:fixed { &:focus { position: fixed; } } .focus\:top-2 { &:focus { top: calc(var(--spacing) * 2); } } .focus\:left-2 { &:focus { left: calc(var(--spacing) * 2); } } .focus\:z-50 { &:focus { z-index: 50; } } .focus\:rounded-ctl { &:focus { border-radius: var(--r-ctl); } } .focus\:bg-surface { &:focus { background-color: var(--surface); } } .focus\:px-3 { &:focus { padding-inline: calc(var(--spacing) * 3); } } .focus\:py-2 { &:focus { padding-block: calc(var(--spacing) * 2); } } .focus\:shadow-\[0_0_0_1px_var\(--brand-strong\)\,var\(--focus\)\] { &:focus { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--brand-strong)), var(--focus); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:shadow-ctl { &:focus { --tw-shadow: var(--sh-ctl); 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\:bg-line-2 { &:focus-visible { background-color: var(--line-2); } } .focus-visible\:opacity-100 { &:focus-visible { opacity: 100%; } } .focus-visible\:shadow-focus { &:focus-visible { --tw-shadow: var(--focus); 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\:shadow-none { &:focus-visible { --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); } } .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-white { &:focus-visible { --tw-ring-color: var(--color-white); } } .focus-visible\:drop-shadow-\[0_0_6px_var\(--color-brand\)\] { &:focus-visible { --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, var(--color-brand))); --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,); } } .active\:cursor-grabbing { &:active { cursor: grabbing; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-surface-2 { &:disabled { background-color: var(--surface-2); } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:opacity-60 { &:disabled { opacity: 60%; } } .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); } } .has-\[\:checked\]\:bg-brand-tint { &:has(*:is(:checked)) { background-color: var(--brand-tint); } } .has-\[\:checked\]\:bg-surface { &:has(*:is(:checked)) { background-color: var(--surface); } } .has-\[\:checked\]\:text-ink { &:has(*:is(:checked)) { color: var(--ink); } } .has-\[\:checked\]\:shadow-\[0_0_0_2px_var\(--brand-strong\)\] { &:has(*:is(:checked)) { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--brand-strong)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-\[\:checked\]\:shadow-ctl { &:has(*:is(:checked)) { --tw-shadow: var(--sh-ctl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-\[\:focus-visible\]\:shadow-focus { &:has(*:is(:focus-visible)) { --tw-shadow: var(--focus); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .motion-safe\:animate-pulse { @media (prefers-reduced-motion: no-preference) { animation: var(--animate-pulse); } } .motion-reduce\:animate-none { @media (prefers-reduced-motion: reduce) { animation: none; } } .motion-reduce\:transition-none { @media (prefers-reduced-motion: reduce) { transition-property: none; } } .max-\[1180px\]\:block { @media (width < 1180px) { display: block; } } .max-\[1180px\]\:hidden { @media (width < 1180px) { display: none; } } .max-\[1180px\]\:hidden\! { @media (width < 1180px) { display: none !important; } } .max-\[1100px\]\:grid-cols-1 { @media (width < 1100px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[1100px\]\:grid-cols-2 { @media (width < 1100px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[1100px\]\:grid-cols-3 { @media (width < 1100px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .max-\[1100px\]\:flex-row { @media (width < 1100px) { flex-direction: row; } } .max-\[1100px\]\:overflow-x-auto { @media (width < 1100px) { overflow-x: auto; } } .max-\[1024px\]\:grid-cols-2 { @media (width < 1024px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[1024px\]\:grid-cols-3 { @media (width < 1024px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .max-\[1024px\]\:grid-cols-4 { @media (width < 1024px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .max-\[1000px\]\:col-span-2 { @media (width < 1000px) { grid-column: span 2 / span 2; } } .max-\[1000px\]\:grid-cols-1 { @media (width < 1000px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[1000px\]\:grid-cols-2 { @media (width < 1000px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[980px\]\:grid-cols-1 { @media (width < 980px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[980px\]\:grid-cols-2 { @media (width < 980px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[980px\]\:border-r-0 { @media (width < 980px) { border-right-style: var(--tw-border-style); border-right-width: 0px; } } .max-\[980px\]\:border-b { @media (width < 980px) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .max-\[900px\]\:fixed { @media (width < 900px) { position: fixed; } } .max-\[900px\]\:inset-y-0 { @media (width < 900px) { inset-block: calc(var(--spacing) * 0); } } .max-\[900px\]\:left-0 { @media (width < 900px) { left: calc(var(--spacing) * 0); } } .max-\[900px\]\:z-40 { @media (width < 900px) { z-index: 40; } } .max-\[900px\]\:hidden { @media (width < 900px) { display: none; } } .max-\[900px\]\:inline-flex { @media (width < 900px) { display: inline-flex; } } .max-\[900px\]\:max-h-none { @media (width < 900px) { max-height: none; } } .max-\[900px\]\:w-\[264px\] { @media (width < 900px) { width: 264px; } } .max-\[900px\]\:translate-x-0 { @media (width < 900px) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .max-\[900px\]\:translate-x-\[-100\%\] { @media (width < 900px) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } .max-\[900px\]\:grid-cols-1 { @media (width < 900px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[900px\]\:grid-cols-2 { @media (width < 900px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[900px\]\:grid-cols-4 { @media (width < 900px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .max-\[900px\]\:gap-y-4 { @media (width < 900px) { row-gap: calc(var(--spacing) * 4); } } .max-\[900px\]\:px-4 { @media (width < 900px) { padding-inline: calc(var(--spacing) * 4); } } .max-\[900px\]\:pt-5 { @media (width < 900px) { padding-top: calc(var(--spacing) * 5); } } .max-\[900px\]\:pb-14 { @media (width < 900px) { padding-bottom: calc(var(--spacing) * 14); } } .max-\[900px\]\:text-left { @media (width < 900px) { text-align: left; } } .max-\[900px\]\:transition-transform { @media (width < 900px) { 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)); } } .max-\[800px\]\:grid-cols-1 { @media (width < 800px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[768px\]\:sr-only { @media (width < 768px) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } } .max-\[768px\]\:col-span-1 { @media (width < 768px) { grid-column: span 1 / span 1; } } .max-\[768px\]\:col-span-2 { @media (width < 768px) { grid-column: span 2 / span 2; } } .max-\[768px\]\:mb-3 { @media (width < 768px) { margin-bottom: calc(var(--spacing) * 3); } } .max-\[768px\]\:block { @media (width < 768px) { display: block; } } .max-\[768px\]\:flex { @media (width < 768px) { display: flex; } } .max-\[768px\]\:grid { @media (width < 768px) { display: grid; } } .max-\[768px\]\:hidden { @media (width < 768px) { display: none; } } .max-\[768px\]\:h-10 { @media (width < 768px) { height: calc(var(--spacing) * 10); } } .max-\[768px\]\:h-11 { @media (width < 768px) { height: calc(var(--spacing) * 11); } } .max-\[768px\]\:w-full { @media (width < 768px) { width: 100%; } } .max-\[768px\]\:grid-cols-1 { @media (width < 768px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[768px\]\:grid-cols-2 { @media (width < 768px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[768px\]\:grid-cols-4 { @media (width < 768px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .max-\[768px\]\:flex-col { @media (width < 768px) { flex-direction: column; } } .max-\[768px\]\:flex-row { @media (width < 768px) { flex-direction: row; } } .max-\[768px\]\:items-start { @media (width < 768px) { align-items: flex-start; } } .max-\[768px\]\:gap-3 { @media (width < 768px) { gap: calc(var(--spacing) * 3); } } .max-\[768px\]\:gap-x-4 { @media (width < 768px) { column-gap: calc(var(--spacing) * 4); } } .max-\[768px\]\:gap-y-1 { @media (width < 768px) { row-gap: calc(var(--spacing) * 1); } } .max-\[768px\]\:overflow-visible { @media (width < 768px) { overflow: visible; } } .max-\[768px\]\:rounded-card { @media (width < 768px) { border-radius: var(--r-card); } } .max-\[768px\]\:rounded-card-lg { @media (width < 768px) { border-radius: var(--r-card-lg); } } .max-\[768px\]\:rounded-ctl { @media (width < 768px) { border-radius: var(--r-ctl); } } .max-\[768px\]\:border { @media (width < 768px) { border-style: var(--tw-border-style); border-width: 1px; } } .max-\[768px\]\:border-0 { @media (width < 768px) { border-style: var(--tw-border-style); border-width: 0px; } } .max-\[768px\]\:border-t { @media (width < 768px) { border-top-style: var(--tw-border-style); border-top-width: 1px; } } .max-\[768px\]\:border-l-0 { @media (width < 768px) { border-left-style: var(--tw-border-style); border-left-width: 0px; } } .max-\[768px\]\:border-line { @media (width < 768px) { border-color: var(--line); } } .max-\[768px\]\:bg-surface { @media (width < 768px) { background-color: var(--surface); } } .max-\[768px\]\:bg-transparent { @media (width < 768px) { background-color: transparent; } } .max-\[768px\]\:p-3 { @media (width < 768px) { padding: calc(var(--spacing) * 3); } } .max-\[768px\]\:p-4 { @media (width < 768px) { padding: calc(var(--spacing) * 4); } } .max-\[768px\]\:px-0 { @media (width < 768px) { padding-inline: calc(var(--spacing) * 0); } } .max-\[768px\]\:px-4 { @media (width < 768px) { padding-inline: calc(var(--spacing) * 4); } } .max-\[768px\]\:px-6 { @media (width < 768px) { padding-inline: calc(var(--spacing) * 6); } } .max-\[768px\]\:py-1 { @media (width < 768px) { padding-block: calc(var(--spacing) * 1); } } .max-\[768px\]\:py-2 { @media (width < 768px) { padding-block: calc(var(--spacing) * 2); } } .max-\[768px\]\:py-3 { @media (width < 768px) { padding-block: calc(var(--spacing) * 3); } } .max-\[768px\]\:py-7 { @media (width < 768px) { padding-block: calc(var(--spacing) * 7); } } .max-\[768px\]\:pt-2 { @media (width < 768px) { padding-top: calc(var(--spacing) * 2); } } .max-\[768px\]\:pt-3 { @media (width < 768px) { padding-top: calc(var(--spacing) * 3); } } .max-\[768px\]\:pr-4 { @media (width < 768px) { padding-right: calc(var(--spacing) * 4); } } .max-\[768px\]\:pb-2 { @media (width < 768px) { padding-bottom: calc(var(--spacing) * 2); } } .max-\[768px\]\:pl-0 { @media (width < 768px) { padding-left: calc(var(--spacing) * 0); } } .max-\[768px\]\:pl-5 { @media (width < 768px) { padding-left: calc(var(--spacing) * 5); } } .max-\[768px\]\:text-left { @media (width < 768px) { text-align: left; } } .max-\[768px\]\:shadow-\[inset_4px_0_0_\#94a3b8\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #94a3b8); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_\#64748b\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #64748b); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_\#596171\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #596171); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_\#ca8a04\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #ca8a04); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_\#e11d48\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #e11d48); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_var\(--commission\)\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--commission)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_var\(--done\)\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--done)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_var\(--preca-dot\)\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--preca-dot)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_var\(--red-ink\)\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--red-ink)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-\[inset_4px_0_0_var\(--you-dot\)\] { @media (width < 768px) { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--you-dot)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-ctl { @media (width < 768px) { --tw-shadow: var(--sh-ctl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[768px\]\:shadow-none { @media (width < 768px) { --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); } } .max-\[768px\]\:shadow-soft { @media (width < 768px) { --tw-shadow: var(--sh-soft); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .max-\[760px\]\:grid-cols-1 { @media (width < 760px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[760px\]\:grid-cols-2 { @media (width < 760px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[700px\]\:w-full { @media (width < 700px) { width: 100%; } } .max-\[700px\]\:min-w-0 { @media (width < 700px) { min-width: calc(var(--spacing) * 0); } } .max-\[700px\]\:grid-cols-1 { @media (width < 700px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[700px\]\:grid-cols-2 { @media (width < 700px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[640px\]\:inset-\[10px\] { @media (width < 640px) { inset: 10px; } } .max-\[640px\]\:-mx-4 { @media (width < 640px) { margin-inline: calc(var(--spacing) * -4); } } .max-\[640px\]\:-mt-4 { @media (width < 640px) { margin-top: calc(var(--spacing) * -4); } } .max-\[640px\]\:h-full { @media (width < 640px) { height: 100%; } } .max-\[640px\]\:w-full { @media (width < 640px) { width: 100%; } } .max-\[640px\]\:grid-cols-1 { @media (width < 640px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[640px\]\:justify-center { @media (width < 640px) { justify-content: center; } } .max-\[640px\]\:rounded-none { @media (width < 640px) { border-radius: 0; } } .max-\[640px\]\:p-0 { @media (width < 640px) { padding: calc(var(--spacing) * 0); } } .max-\[640px\]\:p-4 { @media (width < 640px) { padding: calc(var(--spacing) * 4); } } .max-\[640px\]\:p-5 { @media (width < 640px) { padding: calc(var(--spacing) * 5); } } .max-\[640px\]\:px-4 { @media (width < 640px) { padding-inline: calc(var(--spacing) * 4); } } .max-\[640px\]\:text-\[15px\] { @media (width < 640px) { font-size: 15px; } } .max-\[640px\]\:text-\[19px\] { @media (width < 640px) { font-size: 19px; } } .max-\[640px\]\:text-\[26px\] { @media (width < 640px) { font-size: 26px; } } .max-\[600px\]\:grid-cols-2 { @media (width < 600px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[560px\]\:hidden { @media (width < 560px) { display: none; } } .max-\[560px\]\:w-full { @media (width < 560px) { width: 100%; } } .max-\[560px\]\:grid-cols-1 { @media (width < 560px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[560px\]\:grid-cols-2 { @media (width < 560px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .max-\[560px\]\:flex-col { @media (width < 560px) { flex-direction: column; } } .max-\[480px\]\:col-span-1 { @media (width < 480px) { grid-column: span 1 / span 1; } } .max-\[480px\]\:grid-cols-1 { @media (width < 480px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-\[480px\]\:pl-0 { @media (width < 480px) { padding-left: calc(var(--spacing) * 0); } } .max-\[420px\]\:grid-cols-1 { @media (width < 420px) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-md\:right-4 { @media (width < 48rem) { right: calc(var(--spacing) * 4); } } .max-md\:left-4 { @media (width < 48rem) { left: calc(var(--spacing) * 4); } } .max-md\:order-1 { @media (width < 48rem) { order: 1; } } .max-md\:order-2 { @media (width < 48rem) { order: 2; } } .max-md\:order-3 { @media (width < 48rem) { order: 3; } } .max-md\:order-4 { @media (width < 48rem) { order: 4; } } .max-md\:order-5 { @media (width < 48rem) { order: 5; } } .max-md\:col-span-2 { @media (width < 48rem) { grid-column: span 2 / span 2; } } .max-md\:ml-2 { @media (width < 48rem) { margin-left: calc(var(--spacing) * 2); } } .max-md\:grid { @media (width < 48rem) { display: grid; } } .max-md\:hidden { @media (width < 48rem) { display: none; } } .max-md\:inline { @media (width < 48rem) { display: inline; } } .max-md\:grid-cols-1 { @media (width < 48rem) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .max-md\:gap-1 { @media (width < 48rem) { gap: calc(var(--spacing) * 1); } } .max-md\:p-0 { @media (width < 48rem) { padding: calc(var(--spacing) * 0); } } .max-md\:p-4 { @media (width < 48rem) { padding: calc(var(--spacing) * 4); } } .max-md\:text-left { @media (width < 48rem) { text-align: left; } } .max-md\:text-right { @media (width < 48rem) { text-align: right; } } .min-\[700px\]\:auto-cols-\[minmax\(150px\,1fr\)\] { @media (width >= 700px) { grid-auto-columns: minmax(150px,1fr); } } .min-\[700px\]\:grid-flow-col { @media (width >= 700px) { grid-auto-flow: column; } } .min-\[700px\]\:grid-cols-none { @media (width >= 700px) { grid-template-columns: none; } } .min-\[700px\]\:gap-\[10px\] { @media (width >= 700px) { gap: 10px; } } .min-\[700px\]\:overflow-x-auto { @media (width >= 700px) { overflow-x: auto; } } .min-\[700px\]\:p-2 { @media (width >= 700px) { padding: calc(var(--spacing) * 2); } } .min-\[700px\]\:p-\[10px\] { @media (width >= 700px) { padding: 10px; } } .min-\[700px\]\:pb-2 { @media (width >= 700px) { padding-bottom: calc(var(--spacing) * 2); } } .min-\[769px\]\:last\:border-b-0 { @media (width >= 769px) { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } } .min-\[769px\]\:even\:bg-zebra { @media (width >= 769px) { &:nth-child(even) { background-color: var(--zebra); } } } .min-\[900px\]\:grid-cols-3 { @media (width >= 900px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .min-\[900px\]\:grid-cols-4 { @media (width >= 900px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .min-\[900px\]\:grid-cols-\[280px_minmax\(0\,1fr\)\] { @media (width >= 900px) { grid-template-columns: 280px minmax(0,1fr); } } .min-\[900px\]\:items-start { @media (width >= 900px) { align-items: flex-start; } } .min-\[901px\]\:hidden { @media (width >= 901px) { display: none; } } .min-\[1000px\]\:grid-cols-\[minmax\(0\,2fr\)_minmax\(280px\,1fr\)\] { @media (width >= 1000px) { grid-template-columns: minmax(0,2fr) minmax(280px,1fr); } } .min-\[1024px\]\:grid-cols-2 { @media (width >= 1024px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .min-\[1280px\]\:grid-cols-5 { @media (width >= 1280px) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .min-\[1280px\]\:grid-cols-7 { @media (width >= 1280px) { grid-template-columns: repeat(7, minmax(0, 1fr)); } } .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\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:flex-wrap { @media (width >= 40rem) { flex-wrap: wrap; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .md\:grid { @media (width >= 48rem) { display: grid; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-\[132px_168px_minmax\(0\,1\.5fr\)_minmax\(0\,1\.3fr\)_140px_64px\] { @media (width >= 48rem) { grid-template-columns: 132px 168px minmax(0,1.5fr) minmax(0,1.3fr) 140px 64px; } } .md\:gap-x-8 { @media (width >= 48rem) { column-gap: calc(var(--spacing) * 8); } } .md\:first\:border-t { @media (width >= 48rem) { &:first-child { border-top-style: var(--tw-border-style); border-top-width: 1px; } } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:top-4 { @media (width >= 64rem) { top: calc(var(--spacing) * 4); } } .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-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); } } .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); } } .lg\:grid-cols-\[minmax\(0\,1\.75fr\)_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,1.75fr) minmax(0,1fr); } } .lg\:self-start { @media (width >= 64rem) { align-self: flex-start; } } .print\:fixed { @media print { position: fixed; } } .print\:block { @media print { display: block; } } .print\:hidden { @media print { display: none; } } .\[\&_svg\]\:size-5 { & svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } } .max-\[1180px\]\:\[\&_td\]\:px-2 { @media (width < 1180px) { & td { padding-inline: calc(var(--spacing) * 2); } } } .max-\[1180px\]\:\[\&_th\]\:px-2 { @media (width < 1180px) { & th { padding-inline: calc(var(--spacing) * 2); } } } .\[\&\:\:-moz-progress-bar\]\:bg-brand { &::-moz-progress-bar { background-color: var(--brand-strong); } } .\[\&\:\:-moz-progress-bar\]\:bg-white { &::-moz-progress-bar { background-color: var(--color-white); } } .\[\&\:\:-webkit-details-marker\]\:hidden { &::-webkit-details-marker { display: none; } } .\[\&\:\:-webkit-progress-bar\]\:bg-line { &::-webkit-progress-bar { background-color: var(--line); } } .\[\&\:\:-webkit-progress-bar\]\:bg-surface-2 { &::-webkit-progress-bar { background-color: var(--surface-2); } } .\[\&\:\:-webkit-progress-bar\]\:bg-white\/25 { &::-webkit-progress-bar { 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); } } } .\[\&\:\:-webkit-progress-value\]\:bg-brand { &::-webkit-progress-value { background-color: var(--brand-strong); } } .\[\&\:\:-webkit-progress-value\]\:bg-white { &::-webkit-progress-value { background-color: var(--color-white); } } .\[\&\>div\:first-child\]\:border-t-0 { &>div:first-child { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .md\:\[\&\>div\:nth-child\(2\)\]\:border-t-0 { @media (width >= 48rem) { &>div:nth-child(2) { border-top-style: var(--tw-border-style); border-top-width: 0px; } } } .max-\[768px\]\:\[\&\>span\:first-child\]\:hidden { @media (width < 768px) { &>span:first-child { display: none; } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_\#94a3b8\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #94a3b8); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_\#64748b\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #64748b); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_\#596171\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #596171); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_\#ca8a04\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #ca8a04); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_\#e11d48\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #e11d48); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_var\(--commission\)\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--commission)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_var\(--done\)\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--done)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_var\(--preca-dot\)\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--preca-dot)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_var\(--red-ink\)\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--red-ink)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .min-\[769px\]\:\[\&\>td\:first-child\]\:shadow-\[inset_4px_0_0_var\(--you-dot\)\] { @media (width >= 769px) { &>td:first-child { --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--you-dot)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } :root { --bg: #ffffff; --surface: #ffffff; --surface-2: #f8f6f0; --hover: #f4f1e8; --ink: #0b1a2e; --ink-2: #3d4250; --muted: #5f6270; --line: #ebe6d9; --line-2: #f3f0e7; --brand-strong: #0b1a2e; --brand-hover: #16294a; --brand-ink: #8a6a1f; --brand-tint: #f7efd9; --on-brand: #ecd391; --gold: #c9a24d; --brand-accent: #c9a24d; --navy: #0b1a2e; --navy-2: #16294a; --pill-green-bg: #d7f7c2; --pill-green: #05690d; --pill-amber-bg: #fcedb9; --pill-amber: #a82c00; --pill-red-bg: #ffe7f2; --pill-red: #b3093c; --pill-blue-bg: #cff5f6; --pill-blue: #0055bc; --pill-slate-bg: #ebeef1; --pill-slate: #545969; --amber-ink: #8a4b08; --amber-tint: #fdf3e1; --amber-line: #f3d9a8; --red-ink: #b42318; --red-tint: #fdedeb; --red-line: #f5c2bc; --blue-ink: #1d4e89; --blue-tint: #eaf1fb; --chart-2: #a3acb9; --focus: 0 0 0 3px rgba(201, 162, 77, 0.45); --sh-ctl: 0 0 0 1px rgba(64, 68, 82, 0.16), 0 1px 1px rgba(0, 0, 0, 0.06); --sh-ctl-hover: 0 0 0 1px rgba(64, 68, 82, 0.28), 0 1px 1px rgba(0, 0, 0, 0.06); --sh-card: 0 15px 35px rgba(60, 66, 87, 0.1), 0 5px 15px rgba(0, 0, 0, 0.08); --sh-btn: 0 1px 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0.08); --sh-3: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3); --r-ctl: 10px; --r-card: 12px; --r-pill: 999px; --sidebar-w: 252px; --sidebar-rail: 72px; --topbar-h: 60px; --content-max: 1240px; --t-fast: 150ms; --t-med: 220ms; --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1); --canvas: #f6f4ee; --r-card-lg: 16px; --sh-soft: 0 1px 3px rgba(11, 31, 51, 0.06), 0 1px 1px rgba(11, 31, 51, 0.03); --sh-brand: 0 8px 22px rgba(11, 26, 46, 0.28); --you: #c2410c; --you-dot: #ea580c; --you-ink: #9a3412; --you-tint: #fff4ea; --you-line: #fbd5b5; --preca: #4338ca; --preca-dot: #4f46e5; --preca-tint: #eef2ff; --done: #15803d; --done-tint: #e8f6ee; --zebra: #f6f2e7; --commission: #1d4ed8; --commission-tint: #eff4ff; --band: #0b1a2e; --band-ink: #ffffff; --band-muted: #e2c47a; --background: var(--bg); --foreground: var(--ink); --primary: var(--brand-strong); --primary-foreground: var(--on-brand); --muted-foreground: var(--muted); --border: var(--line); --success: var(--pill-green); --warning: var(--pill-amber); --danger: var(--red-ink); --radius: var(--r-card); } :root[data-tema='escuro'], [data-tema='escuro'] { color-scheme: dark; --bg: #07111f; --surface: #0c1a2c; --surface-2: #112238; --hover: #162b45; --ink: #f3efe4; --ink-2: #d4cdbb; --muted: #a39d8b; --line: #1f3048; --line-2: #172740; --brand-strong: #c9a24d; --brand-hover: #d8b462; --brand-ink: #e2c47a; --brand-tint: #2a2414; --on-brand: #0b1a2e; --focus: 0 0 0 3px rgba(226, 196, 122, 0.45); --pill-green-bg: #173f25; --pill-green: #8fe3a3; --pill-amber-bg: #43300e; --pill-amber: #f5c26b; --pill-red-bg: #4a1828; --pill-red: #f59ab7; --pill-blue-bg: #113a46; --pill-blue: #8fd3f5; --pill-slate-bg: #24384f; --pill-slate: #c4cdd9; --amber-ink: #f5c26b; --amber-tint: #3a2a10; --amber-line: #6b4b18; --red-ink: #f59a8f; --red-tint: #3d1a18; --red-line: #6e2a24; --blue-ink: #9cc3f2; --blue-tint: #15304d; --chart-2: #5d6b80; --sh-ctl: 0 0 0 1px rgba(148, 163, 184, 0.22), 0 1px 1px rgba(0, 0, 0, 0.3); --sh-ctl-hover: 0 0 0 1px rgba(148, 163, 184, 0.36), 0 1px 1px rgba(0, 0, 0, 0.3); --sh-card: 0 15px 35px rgba(0, 0, 0, 0.35), 0 5px 15px rgba(0, 0, 0, 0.25); --sh-soft: 0 1px 3px rgba(0, 0, 0, 0.35); --canvas: #050d18; --you-ink: #fdba74; --you-tint: #3d2513; --you-line: #7a4219; --preca: #a5b4fc; --preca-tint: #1f2552; --done: #3fbf74; --done-tint: #133826; --zebra: #0f2033; --commission: #93b4ff; --commission-tint: #17284d; } .moldura-private { --ink-2: #d4cdbb; --muted: #b3ab94; --brand-ink: #e2c47a; } .moldura-private .rounded-card { --ink-2: #3d4250; --muted: #5f6270; --brand-ink: #8a6a1f; background: #fdfcf8; border-top: 3px solid var(--gold); border-radius: 6px; } html { font-size: 16px; -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-inter), ui-sans-serif, system-ui, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4 { font-family: var(--font-serif), Georgia, 'Times New Roman', serif; font-weight: 600; letter-spacing: -0.005em; line-height: 1.25; } @layer base { a { color: var(--brand-ink); } } :focus-visible { outline: none; box-shadow: var(--focus); border-radius: var(--r-ctl); } [tabindex='-1']:focus-visible { box-shadow: none; } .num { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum'; letter-spacing: -0.005em; } code.num { font-family: var(--font-geist-mono), ui-monospace, monospace; } .num-display { font-family: var(--font-jakarta), var(--font-inter), ui-sans-serif, system-ui, sans-serif; font-variant-numeric: tabular-nums; font-weight: 800; letter-spacing: -0.02em; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } } @keyframes pb-scan { 0% { transform: translateY(0); opacity: 0.4; } 50% { opacity: 1; } 100% { transform: translateY(46px); opacity: 0.4; } } @keyframes pb-rise { from { transform: translateY(6px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .pb-range { -webkit-appearance: none; appearance: none; height: 28px; margin: 0; background: transparent; cursor: pointer; } .pb-range::-webkit-slider-runnable-track { height: 8px; border-radius: 999px; background: var(--line); } .pb-range::-moz-range-track { height: 8px; border-radius: 999px; background: var(--line); } .pb-range::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; margin-top: -9px; border-radius: 999px; background: #ffffff; border: 3px solid var(--brand-strong); box-shadow: 0 2px 6px rgba(11, 31, 51, 0.22); } .pb-range::-moz-range-thumb { width: 22px; height: 22px; border-radius: 999px; background: #ffffff; border: 3px solid var(--brand-strong); } .pb-range-blue::-webkit-slider-thumb { border-color: var(--commission); } .pb-range-blue::-moz-range-thumb { border-color: var(--commission); } .pb-range:disabled { cursor: not-allowed; opacity: 0.5; } .rail-so { display: none; } @media (min-width: 901px) { [data-recolhe]:not(:hover):not(:focus-within) { width: var(--sidebar-rail); } [data-recolhe]:hover, [data-recolhe]:focus-within { box-shadow: var(--sh-card); } [data-recolhe]:not(:hover):not(:focus-within) .rail-oculto { display: none; } [data-recolhe]:not(:hover):not(:focus-within) .rail-so { display: block; margin-inline: auto; } } @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-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-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @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 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)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-divide-y-reverse: 0; --tw-border-style: solid; --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; } } }