/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Inter","arguments":[{"subsets":["cyrillic","latin"],"weight":["400","500","600","700"],"display":"block","preload":true,"adjustFontFallback":true,"variable":"--font-sans"}],"variableName":"inter"} ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/21350d82a1f187e9-s.p.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_874a3a';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/21350d82a1f187e9-s.p.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_874a3a';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/21350d82a1f187e9-s.p.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_874a3a';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/21350d82a1f187e9-s.p.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_874a3a';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  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_874a3a';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_874a3a';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  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_874a3a';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_874a3a {font-family: '__Inter_874a3a', '__Inter_Fallback_874a3a';font-style: normal
}.__variable_874a3a {--font-sans: '__Inter_874a3a', '__Inter_Fallback_874a3a'
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Nunito","arguments":[{"subsets":["latin","cyrillic"],"weight":["600","700","800","900"],"display":"block","preload":true,"variable":"--font-brand"}],"variableName":"nunito"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/abfec168c8990f67-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/3131c862d4942660-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/e1694c6cb47c173f-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/ee40bb094c99a29a-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/abfec168c8990f67-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/3131c862d4942660-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/e1694c6cb47c173f-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/ee40bb094c99a29a-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url(/_next/static/media/abfec168c8990f67-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url(/_next/static/media/3131c862d4942660-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url(/_next/static/media/e1694c6cb47c173f-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url(/_next/static/media/ee40bb094c99a29a-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/_next/static/media/abfec168c8990f67-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/_next/static/media/3131c862d4942660-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-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: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/_next/static/media/e1694c6cb47c173f-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Nunito_f8315b';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/_next/static/media/ee40bb094c99a29a-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: '__Nunito_Fallback_f8315b';src: local("Arial");ascent-override: 99.71%;descent-override: 34.82%;line-gap-override: 0.00%;size-adjust: 101.39%
}.__className_f8315b {font-family: '__Nunito_f8315b', '__Nunito_Fallback_f8315b';font-style: normal
}.__variable_f8315b {--font-brand: '__Nunito_f8315b', '__Nunito_Fallback_f8315b'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/theme-generated.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* Generated from shared/theme.js - do not edit by hand */
:root {
  --pq-accent: 99 102 241;
  --pq-accent-hover: 79 70 229;
  --pq-border: #cfcfdd;
  --pq-surface: #fbfbfe;
}
.dark {
  --pq-bg: #242930;
  --pq-accent: 90 173 232;
  --pq-accent-hover: 116 189 242;
  --pq-border: #3f4754;
  --pq-surface: #2d333b;
  --tw-ring-color: rgb(var(--pq-accent) / 0.2);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* Цвета, шрифты и темы — светлая pearl; тёмная — палитра Telegram Desktop (сине-серые слои + #50a2e9) */
/* --pq-* из theme-generated.css (shared/theme.js → sync-theme). */

:root {
  /* Pearl light — почти белый с лёгким голубовато-лиловым отливом */
  --background: 240 60% 99%;
  --foreground: 244 47% 14%;
  --modal: 240 40% 96%;
  --text-primary: #1e1b4b;
  --text-secondary: #3730a3;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  --card: 0 0% 100%;
  --card-foreground: 244 47% 14%;
  --card-bg: rgba(255, 255, 255, 0.92);
  /* Светлая тема: заметнее обводка стекла и блоков */
  --card-border: rgba(99, 102, 241, 0.22);
  --popover: 0 0% 100%;
  --popover-foreground: 244 47% 14%;
  /* Indigo-500 (#6366f1) — центр градиента лого */
  --primary: 239 84% 67%;
  --primary-foreground: 0 0% 100%;
  --violet: 268 78% 68%;
  --violet-foreground: 0 0% 100%;
  --secondary: 240 35% 96%;
  --secondary-foreground: 244 47% 14%;
  --muted: 240 30% 96%;
  --muted-foreground: 240 14% 50%;
  --accent: 240 35% 95%;
  --accent-foreground: 244 47% 14%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 17% 84%;
  --input: 240 17% 84%;
  --ring: 239 84% 67%;
  --radius: 0.625rem;
  --nav-active-bg: rgba(99, 102, 241, 0.08);
  --nav-active-text: #6366f1;
  --nav-active-border: rgba(99, 102, 241, 0.22);
  --input-focus: #818cf8;
  --toast-bg: 240 30% 96%;
  --toast-border: 240 16% 76%;
  --warning: 48 96% 53%;
  /* Градиент лого: sky → indigo → violet */
  --gradient-brand: linear-gradient(135deg, #38bdf8 0%, #6366f1 50%, #a855f7 100%);
}

.dark {
  color-scheme: dark;

  /* ── Telegram Desktop (тёмная), чуть глубже: #121a22 / #151e27 / #1c2631, акцент #50a2e9 ── */
  --sidebar:              210 31% 10%;       /* #121a22 */
  --background:           213 29% 12%;       /* #151e27 */
  --foreground:           0 0% 100%;         /* #ffffff */
  --modal:                210 31% 9%;

  --text-primary:         #ffffff;
  --text-secondary:       #c8d4dc;
  --text-muted:           #708499;
  --text-light:           #5c6f81;

  --card:                 213 27% 15%;       /* #1c2631 */
  --card-foreground:      0 0% 100%;
  --card-bg:              rgba(28, 38, 49, 0.97);
  --card-border:          rgba(255, 255, 255, 0.06);

  --popover:              213 26% 19%;
  --popover-foreground:   0 0% 100%;

  /* Акцент как в Telegram Desktop */
  --primary:              204 78% 61%;       /* #50a2e9 */
  --primary-foreground:   0 0% 100%;

  /* Фиолетовый — вторичный акцент (теги, 2FA, избранное) */
  --violet:               265 85% 76%;       /* #bb8ff6 */
  --violet-foreground:    210 30% 10%;

  --secondary:            213 22% 13%;
  --secondary-foreground: 0 0% 100%;

  --muted:                210 31% 10%;       /* как сайдбар */
  --muted-foreground:     209 17% 52%;       /* #708499 */

  --accent:               208 32% 21%;
  --accent-foreground:    0 0% 100%;

  --destructive:          0 72% 56%;
  --destructive-foreground: 0 0% 100%;

  --border:               213 24% 22%;
  --input:                213 27% 15%;       /* как карточка */
  /* Фокус-кольцо: приглушённое, без «неона» (Tailwind ring-ring) */
  --ring:                 213 12% 42%;
  --radius:               0.625rem;

  /* Навигация — как выбранный диалог (#2b5278 + белый текст) */
  --nav-active-bg:        rgba(43, 82, 120, 0.92);
  --nav-active-text:      #ffffff;
  --nav-active-border:    rgba(80, 162, 233, 0.45);

  /* Переключатель */
  --switch-track-on:      204 78% 61%;
  --switch-track-off:     213 18% 24%;

  /* Инпуты */
  --input-focus:          #50a2e9;
  /* Без цветного ореола — только при необходимости через border */
  --input-focus-shadow:   none;

  /* Toast */
  --toast-bg:             213 27% 12%;
  --toast-border:         213 22% 20%;

  --warning:              48 96% 53%;

  --gradient-brand:       linear-gradient(135deg, #50a2e9 0%, #5b82d8 50%, #bb8ff6 100%);
}

/* Safe area insets для устройств с вырезами (notch, остров). max() чтобы не удваивать с обычными отступами. */
@supports (padding: max(0px, env(safe-area-inset-top))) {
  .safe-area-top { padding-top: max(0.75rem, env(safe-area-inset-top)); }
  .safe-area-bottom { padding-bottom: max(0.75rem, env(safe-area-inset-bottom)); }
  .safe-area-x { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
  .safe-area-insets { padding: max(0.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(0.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); }
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-sans), system-ui, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

/* Inter: --font-sans (layout.tsx). Слово «Сейфо»: Nunito через Tailwind font-brand / компонент BrandRu. */

html {
    font-family: var(--font-sans), system-ui, ui-sans-serif, sans-serif;
    color-scheme: light;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
         text-size-adjust: 100%;
    transition: none;
  }

@media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }

/* Явная схема для движка (формы, скроллбары, иногда сглаживание текста) */

html.light {
    color-scheme: light;
  }

html.dark {
    color-scheme: dark;
  }

/* Fallback без View Transitions: длиннее и мягче, чем раньше */

* {
    border-color: hsl(var(--border));
    word-break: break-word;
  }

/**
   * Текст: auto + antialiased — без optimizeLegibility (на Windows и крупных экранах
   * даёт «мыльные» буквы, особенно в кнопках 14–16px).
   */

body {
    color: hsl(var(--foreground));
    background: #f4f5fb;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
  }

.dark body {
    background: #151e27;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
  }

button,
  [role="button"],
  a,
  input,
  textarea,
  select,
  label {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
  }
.container{
  width: 100%;
}
@media (min-width: 640px){

  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .container{
    max-width: 1536px;
  }
}
/* Поля ввода — THEME_AND_VISUAL_SYSTEM §5.3 */
.spw-input{
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: hsl(var(--input));
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.spw-input::-moz-placeholder{
  color: hsl(var(--muted-foreground));
}
.spw-input::placeholder{
  color: hsl(var(--muted-foreground));
}
.spw-input:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px hsl(var(--foreground) / 0.22);
  }
/* Тёмная тема: нейтральное кольцо, без цветного свечения */
.dark .spw-input {
    /* Заливка чуть светлее фона страницы + граница по --border (читаемый «ящик» поля) */
    background-color: hsl(var(--card));
    border-color: hsl(var(--border));
  }
.dark .spw-input:focus-visible {
    box-shadow: 0 0 0 1px rgb(255 255 255 / 0.12);
  }
.dark .spw-input::-moz-placeholder{
  color: hsl(var(--muted-foreground) / 0.9);
}
.dark .spw-input::placeholder{
  color: hsl(var(--muted-foreground) / 0.9);
}
/* Chrome autofill: убрать жёлтое свечение и вернуть читаемый текст в dark */
.dark .spw-input:-webkit-autofill,
  .dark .spw-input:-webkit-autofill:hover,
  .dark .spw-input:-webkit-autofill:focus {
    -webkit-text-fill-color: hsl(var(--foreground));
    caret-color: hsl(var(--foreground));
    box-shadow: 0 0 0 1000px hsl(var(--card)) inset;
    -webkit-transition: background-color 9999s ease-out 0s;
    transition: background-color 9999s ease-out 0s;
  }
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-left-1\.5{
  left: -0.375rem;
}
.-left-24{
  left: -6rem;
}
.-right-24{
  right: -6rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-3{
  top: -0.75rem;
}
.-top-40{
  top: -10rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-3{
  left: 0.75rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-\[calc\(100\%-1\.5rem\)\]{
  left: calc(100% - 1.5rem);
}
.left-\[calc\(100\%-1\.75rem\)\]{
  left: calc(100% - 1.75rem);
}
.left-\[calc\(16\.67\%\+1\.5rem\)\]{
  left: calc(16.67% + 1.5rem);
}
.right-0{
  right: 0px;
}
.right-12{
  right: 3rem;
}
.right-2{
  right: 0.5rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-7{
  right: 1.75rem;
}
.right-\[calc\(16\.67\%\+1\.5rem\)\]{
  right: calc(16.67% + 1.5rem);
}
.right-\[max\(0\.5rem\2c env\(safe-area-inset-right\2c 0px\)\)\]{
  right: max(0.5rem, env(safe-area-inset-right,0px));
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-1\/3{
  top: 33.333333%;
}
.top-10{
  top: 2.5rem;
}
.top-2{
  top: 0.5rem;
}
.top-3{
  top: 0.75rem;
}
.top-\[max\(0\.5rem\2c env\(safe-area-inset-top\2c 0px\)\)\]{
  top: max(0.5rem, env(safe-area-inset-top,0px));
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[120\]{
  z-index: 120;
}
.z-\[199\]{
  z-index: 199;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[200\]{
  z-index: 200;
}
.z-\[201\]{
  z-index: 201;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[3\]{
  z-index: 3;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-full{
  grid-column: 1 / -1;
}
.-m-1{
  margin: -0.25rem;
}
.m-0{
  margin: 0px;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.-ml-1\.5{
  margin-left: -0.375rem;
}
.-mt-0\.5{
  margin-top: -0.125rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-1\.5{
  margin-top: -0.375rem;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-8{
  margin-left: 2rem;
}
.ml-auto{
  margin-left: auto;
}
.ml-px{
  margin-left: 1px;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-auto{
  margin-top: 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;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.size-14{
  width: 3.5rem;
  height: 3.5rem;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.size-9{
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[18px\]{
  width: 18px;
  height: 18px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-24{
  height: 6rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[1\.125rem\]{
  height: 1.125rem;
}
.h-\[180px\]{
  height: 180px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[5\.25rem\]{
  height: 5.25rem;
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.h-\[4\.5rem\]{
  height: 4.5rem;
}
.max-h-4{
  max-height: 1rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-5{
  max-height: 1.25rem;
}
.max-h-56{
  max-height: 14rem;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-\[220px\]{
  max-height: 220px;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92dvh\]{
  max-height: 92dvh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[min\(45vh\2c 360px\)\]{
  max-height: min(45vh, 360px);
}
.max-h-\[min\(92dvh\2c 720px\)\]{
  max-height: min(92dvh, 720px);
}
.min-h-0{
  min-height: 0px;
}
.min-h-11{
  min-height: 2.75rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-\[1\.25rem\]{
  min-height: 1.25rem;
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[120px\]{
  min-height: 120px;
}
.min-h-\[1em\]{
  min-height: 1em;
}
.min-h-\[2\.25rem\]{
  min-height: 2.25rem;
}
.min-h-\[2\.5rem\]{
  min-height: 2.5rem;
}
.min-h-\[2\.75rem\]{
  min-height: 2.75rem;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[2rem\]{
  min-height: 2rem;
}
.min-h-\[40px\]{
  min-height: 40px;
}
.min-h-\[40vh\]{
  min-height: 40vh;
}
.min-h-\[42px\]{
  min-height: 42px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[50vh\]{
  min-height: 50vh;
}
.min-h-\[65px\]{
  min-height: 65px;
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.w-1\.5{
  width: 0.375rem;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-5{
  width: 1.25rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[1\.125rem\]{
  width: 1.125rem;
}
.w-\[13rem\]{
  width: 13rem;
}
.w-\[14rem\]{
  width: 14rem;
}
.w-\[15\.5rem\]{
  width: 15.5rem;
}
.w-\[17rem\]{
  width: 17rem;
}
.w-\[180px\]{
  width: 180px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[19rem\]{
  width: 19rem;
}
.w-\[38\%\]{
  width: 38%;
}
.w-\[380px\]{
  width: 380px;
}
.w-\[4\.5rem\]{
  width: 4.5rem;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[5\.25rem\]{
  width: 5.25rem;
}
.w-\[5\.5rem\]{
  width: 5.5rem;
}
.w-\[6\.5rem\]{
  width: 6.5rem;
}
.w-\[7\.5rem\]{
  width: 7.5rem;
}
.w-\[7rem\]{
  width: 7rem;
}
.w-\[8rem\]{
  width: 8rem;
}
.w-\[min\(calc\(100vw-1\.5rem\)\2c 28rem\)\]{
  width: min(calc(100vw - 1.5rem), 28rem);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[1\.25rem\]{
  min-width: 1.25rem;
}
.min-w-\[1\.45rem\]{
  min-width: 1.45rem;
}
.min-w-\[1060px\]{
  min-width: 1060px;
}
.min-w-\[10rem\]{
  min-width: 10rem;
}
.min-w-\[11\.5rem\]{
  min-width: 11.5rem;
}
.min-w-\[1100px\]{
  min-width: 1100px;
}
.min-w-\[11rem\]{
  min-width: 11rem;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[1320px\]{
  min-width: 1320px;
}
.min-w-\[13rem\]{
  min-width: 13rem;
}
.min-w-\[14rem\]{
  min-width: 14rem;
}
.min-w-\[15rem\]{
  min-width: 15rem;
}
.min-w-\[16rem\]{
  min-width: 16rem;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[18rem\]{
  min-width: 18rem;
}
.min-w-\[2\.25rem\]{
  min-width: 2.25rem;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[2rem\]{
  min-width: 2rem;
}
.min-w-\[40px\]{
  min-width: 40px;
}
.min-w-\[44px\]{
  min-width: 44px;
}
.min-w-\[640px\]{
  min-width: 640px;
}
.min-w-\[720px\]{
  min-width: 720px;
}
.min-w-\[800px\]{
  min-width: 800px;
}
.min-w-\[88px\]{
  min-width: 88px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[9\.5rem\]{
  min-width: 9.5rem;
}
.min-w-\[900px\]{
  min-width: 900px;
}
.min-w-\[980px\]{
  min-width: 980px;
}
.min-w-\[9rem\]{
  min-width: 9rem;
}
.min-w-full{
  min-width: 100%;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4{
  max-width: 1rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5{
  max-width: 1.25rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-\[100vw\]{
  max-width: 100vw;
}
.max-w-\[11rem\]{
  max-width: 11rem;
}
.max-w-\[124px\]{
  max-width: 124px;
}
.max-w-\[12rem\]{
  max-width: 12rem;
}
.max-w-\[13rem\]{
  max-width: 13rem;
}
.max-w-\[14rem\]{
  max-width: 14rem;
}
.max-w-\[15rem\]{
  max-width: 15rem;
}
.max-w-\[168px\]{
  max-width: 168px;
}
.max-w-\[16rem\]{
  max-width: 16rem;
}
.max-w-\[17\.5rem\]{
  max-width: 17.5rem;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[18rem\]{
  max-width: 18rem;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[20rem\]{
  max-width: 20rem;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[50vw\]{
  max-width: 50vw;
}
.max-w-\[70vw\]{
  max-width: 70vw;
}
.max-w-\[min\(100\%\2c 118rem\)\]{
  max-width: min(100%, 118rem);
}
.max-w-\[min\(100\%\2c 14rem\)\]{
  max-width: min(100%, 14rem);
}
.max-w-\[min\(100\%\2c 1680px\)\]{
  max-width: min(100%, 1680px);
}
.max-w-\[min\(100\%\2c 16rem\)\]{
  max-width: min(100%, 16rem);
}
.max-w-\[min\(100\%\2c 22rem\)\]{
  max-width: min(100%, 22rem);
}
.max-w-\[min\(24rem\2c 40vw\)\]{
  max-width: min(24rem, 40vw);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-prose{
  max-width: 65ch;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[1_1_14rem\]{
  flex: 1 1 14rem;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.basis-\[min\(100\%\2c 14rem\)\]{
  flex-basis: min(100%, 14rem);
}
.border-collapse{
  border-collapse: collapse;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu{
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes fadeIn{

  from{
    opacity: 0;
  }

  to{
    opacity: 1;
  }
}
.animate-fade-in{
  animation: fadeIn 0.2s ease-out;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-help{
  cursor: help;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.touch-pan-y{
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-manipulation{
  touch-action: manipulation;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-y{
  resize: vertical;
}
.scroll-mt-16{
  scroll-margin-top: 4rem;
}
.scroll-mt-24{
  scroll-margin-top: 6rem;
}
.list-inside{
  list-style-position: inside;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto_1fr\]{
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[2\.25rem_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 2.25rem minmax(0,1fr);
}
.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.place-items-center{
  place-items: center;
}
.content-start{
  align-content: flex-start;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5{
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5{
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-3\.5{
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-y-0{
  row-gap: 0px;
}
.gap-y-0\.5{
  row-gap: 0.125rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-border > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(var(--border));
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.self-start{
  align-self: flex-start;
}
.self-center{
  align-self: center;
}
.justify-self-stretch{
  justify-self: stretch;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overscroll-contain{
  overscroll-behavior: contain;
}
.overscroll-y-contain{
  overscroll-behavior-y: contain;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: var(--radius);
}
.rounded-md{
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none{
  border-radius: 0px;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-\[1px\]{
  border-width: 1px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-l{
  border-left-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-dashed{
  border-style: dashed;
}
.\!border-emerald-500\/30{
  border-color: rgb(16 185 129 / 0.3) !important;
}
.border-\[var\(--nav-active-border\)\]{
  border-color: var(--nav-active-border);
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-200\/80{
  border-color: rgb(253 230 138 / 0.8);
}
.border-amber-300\/80{
  border-color: rgb(252 211 77 / 0.8);
}
.border-amber-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-400\/25{
  border-color: rgb(251 191 36 / 0.25);
}
.border-amber-400\/30{
  border-color: rgb(251 191 36 / 0.3);
}
.border-amber-400\/40{
  border-color: rgb(251 191 36 / 0.4);
}
.border-amber-400\/50{
  border-color: rgb(251 191 36 / 0.5);
}
.border-amber-500\/25{
  border-color: rgb(245 158 11 / 0.25);
}
.border-amber-500\/45{
  border-color: rgb(245 158 11 / 0.45);
}
.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}
.border-border{
  border-color: hsl(var(--border));
}
.border-border\/45{
  border-color: hsl(var(--border) / 0.45);
}
.border-border\/50{
  border-color: hsl(var(--border) / 0.5);
}
.border-border\/55{
  border-color: hsl(var(--border) / 0.55);
}
.border-border\/60{
  border-color: hsl(var(--border) / 0.6);
}
.border-border\/70{
  border-color: hsl(var(--border) / 0.7);
}
.border-border\/80{
  border-color: hsl(var(--border) / 0.8);
}
.border-border\/90{
  border-color: hsl(var(--border) / 0.9);
}
.border-destructive\/20{
  border-color: hsl(var(--destructive) / 0.2);
}
.border-destructive\/30{
  border-color: hsl(var(--destructive) / 0.3);
}
.border-destructive\/60{
  border-color: hsl(var(--destructive) / 0.6);
}
.border-emerald-200\/80{
  border-color: rgb(167 243 208 / 0.8);
}
.border-emerald-400\/20{
  border-color: rgb(52 211 153 / 0.2);
}
.border-emerald-400\/25{
  border-color: rgb(52 211 153 / 0.25);
}
.border-emerald-400\/30{
  border-color: rgb(52 211 153 / 0.3);
}
.border-emerald-500\/15{
  border-color: rgb(16 185 129 / 0.15);
}
.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-500\/20{
  border-color: rgb(34 197 94 / 0.2);
}
.border-indigo-400\/20{
  border-color: rgb(129 140 248 / 0.2);
}
.border-indigo-400\/25{
  border-color: rgb(129 140 248 / 0.25);
}
.border-indigo-400\/30{
  border-color: rgb(129 140 248 / 0.3);
}
.border-input{
  border-color: hsl(var(--input));
}
.border-muted-foreground\/25{
  border-color: hsl(var(--muted-foreground) / 0.25);
}
.border-primary{
  border-color: hsl(var(--primary));
}
.border-primary\/15{
  border-color: hsl(var(--primary) / 0.15);
}
.border-primary\/20{
  border-color: hsl(var(--primary) / 0.2);
}
.border-primary\/25{
  border-color: hsl(var(--primary) / 0.25);
}
.border-primary\/30{
  border-color: hsl(var(--primary) / 0.3);
}
.border-primary\/40{
  border-color: hsl(var(--primary) / 0.4);
}
.border-primary\/50{
  border-color: hsl(var(--primary) / 0.5);
}
.border-primary\/60{
  border-color: hsl(var(--primary) / 0.6);
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-200\/80{
  border-color: rgb(254 202 202 / 0.8);
}
.border-rose-400\/25{
  border-color: rgb(251 113 133 / 0.25);
}
.border-sky-200{
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}
.border-sky-400\/25{
  border-color: rgb(56 189 248 / 0.25);
}
.border-sky-400\/30{
  border-color: rgb(56 189 248 / 0.3);
}
.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-300\/90{
  border-color: rgb(203 213 225 / 0.9);
}
.border-slate-800{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-violet-400\/25{
  border-color: rgb(167 139 250 / 0.25);
}
.border-violet-400\/30{
  border-color: rgb(167 139 250 / 0.3);
}
.border-violet-500{
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}
.border-violet-500\/25{
  border-color: rgb(139 92 246 / 0.25);
}
.border-violet-500\/60{
  border-color: rgb(139 92 246 / 0.6);
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-t-transparent{
  border-top-color: transparent;
}
.bg-\[var\(--nav-active-bg\)\]{
  background-color: var(--nav-active-bg);
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-100\/90{
  background-color: rgb(254 243 199 / 0.9);
}
.bg-amber-200\/80{
  background-color: rgb(253 230 138 / 0.8);
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/30{
  background-color: rgb(255 251 235 / 0.3);
}
.bg-amber-50\/40{
  background-color: rgb(255 251 235 / 0.4);
}
.bg-amber-50\/90{
  background-color: rgb(255 251 235 / 0.9);
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/15{
  background-color: rgb(245 158 11 / 0.15);
}
.bg-amber-500\/20{
  background-color: rgb(245 158 11 / 0.2);
}
.bg-amber-500\/90{
  background-color: rgb(245 158 11 / 0.9);
}
.bg-amber-500\/\[0\.08\]{
  background-color: rgb(245 158 11 / 0.08);
}
.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-background{
  background-color: hsl(var(--background));
}
.bg-background\/30{
  background-color: hsl(var(--background) / 0.3);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/15{
  background-color: rgb(59 130 246 / 0.15);
}
.bg-card{
  background-color: hsl(var(--card));
}
.bg-card\/30{
  background-color: hsl(var(--card) / 0.3);
}
.bg-card\/60{
  background-color: hsl(var(--card) / 0.6);
}
.bg-card\/90{
  background-color: hsl(var(--card) / 0.9);
}
.bg-card\/95{
  background-color: hsl(var(--card) / 0.95);
}
.bg-destructive{
  background-color: hsl(var(--destructive));
}
.bg-destructive\/10{
  background-color: hsl(var(--destructive) / 0.1);
}
.bg-destructive\/5{
  background-color: hsl(var(--destructive) / 0.05);
}
.bg-destructive\/\[0\.03\]{
  background-color: hsl(var(--destructive) / 0.03);
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15{
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-500\/80{
  background-color: rgb(16 185 129 / 0.8);
}
.bg-emerald-500\/\[0\.07\]{
  background-color: rgb(16 185 129 / 0.07);
}
.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-foreground\/10{
  background-color: hsl(var(--foreground) / 0.1);
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500\/10{
  background-color: rgb(99 102 241 / 0.1);
}
.bg-indigo-500\/15{
  background-color: rgb(99 102 241 / 0.15);
}
.bg-muted{
  background-color: hsl(var(--muted));
}
.bg-muted-foreground\/25{
  background-color: hsl(var(--muted-foreground) / 0.25);
}
.bg-muted-foreground\/40{
  background-color: hsl(var(--muted-foreground) / 0.4);
}
.bg-muted\/15{
  background-color: hsl(var(--muted) / 0.15);
}
.bg-muted\/20{
  background-color: hsl(var(--muted) / 0.2);
}
.bg-muted\/25{
  background-color: hsl(var(--muted) / 0.25);
}
.bg-muted\/30{
  background-color: hsl(var(--muted) / 0.3);
}
.bg-muted\/35{
  background-color: hsl(var(--muted) / 0.35);
}
.bg-muted\/40{
  background-color: hsl(var(--muted) / 0.4);
}
.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}
.bg-muted\/60{
  background-color: hsl(var(--muted) / 0.6);
}
.bg-muted\/70{
  background-color: hsl(var(--muted) / 0.7);
}
.bg-muted\/80{
  background-color: hsl(var(--muted) / 0.8);
}
.bg-muted\/90{
  background-color: hsl(var(--muted) / 0.9);
}
.bg-muted\/95{
  background-color: hsl(var(--muted) / 0.95);
}
.bg-primary{
  background-color: hsl(var(--primary));
}
.bg-primary\/10{
  background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/15{
  background-color: hsl(var(--primary) / 0.15);
}
.bg-primary\/5{
  background-color: hsl(var(--primary) / 0.05);
}
.bg-primary\/\[0\.05\]{
  background-color: hsl(var(--primary) / 0.05);
}
.bg-primary\/\[0\.06\]{
  background-color: hsl(var(--primary) / 0.06);
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/30{
  background-color: rgb(254 242 242 / 0.3);
}
.bg-red-50\/40{
  background-color: rgb(254 242 242 / 0.4);
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/90{
  background-color: rgb(239 68 68 / 0.9);
}
.bg-rose-500\/10{
  background-color: rgb(244 63 94 / 0.1);
}
.bg-secondary{
  background-color: hsl(var(--secondary));
}
.bg-sky-400{
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
}
.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-sky-50\/80{
  background-color: rgb(240 249 255 / 0.8);
}
.bg-sky-500{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}
.bg-sky-500\/10{
  background-color: rgb(14 165 233 / 0.1);
}
.bg-sky-500\/15{
  background-color: rgb(14 165 233 / 0.15);
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-500{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-violet-500\/10{
  background-color: rgb(139 92 246 / 0.1);
}
.bg-violet-500\/15{
  background-color: rgb(139 92 246 / 0.15);
}
.bg-violet-500\/5{
  background-color: rgb(139 92 246 / 0.05);
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}
.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-amber-400{
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/50{
  --tw-gradient-from: rgb(251 191 36 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/15{
  --tw-gradient-from: rgb(245 158 11 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-card{
  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400\/20{
  --tw-gradient-from: rgb(52 211 153 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/20{
  --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/10{
  --tw-gradient-from: rgb(99 102 241 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/15{
  --tw-gradient-from: rgb(99 102 241 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/10{
  --tw-gradient-from: hsl(var(--primary) / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/15{
  --tw-gradient-from: hsl(var(--primary) / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/20{
  --tw-gradient-from: hsl(var(--primary) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/5{
  --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500\/20{
  --tw-gradient-from: rgb(14 165 233 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-700\/90{
  --tw-gradient-from: rgb(3 105 161 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 105 161 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-100\/70{
  --tw-gradient-from: rgb(241 245 249 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50{
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900{
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-400\/40{
  --tw-gradient-from: rgb(167 139 250 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/15{
  --tw-gradient-from: rgb(139 92 246 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/20{
  --tw-gradient-from: rgb(139 92 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-amber-600{
  --tw-gradient-to: rgb(217 119 6 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d97706 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-card{
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/5{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-400\/40{
  --tw-gradient-to: rgb(56 189 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(56 189 248 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-900{
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-amber-400\/50{
  --tw-gradient-to: rgb(251 191 36 / 0.5) var(--tw-gradient-to-position);
}
.to-card{
  --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position);
}
.to-emerald-400\/40{
  --tw-gradient-to: rgb(52 211 153 / 0.4) var(--tw-gradient-to-position);
}
.to-emerald-500\/5{
  --tw-gradient-to: rgb(16 185 129 / 0.05) var(--tw-gradient-to-position);
}
.to-indigo-800\/95{
  --tw-gradient-to: rgb(55 48 163 / 0.95) var(--tw-gradient-to-position);
}
.to-indigo-950{
  --tw-gradient-to: #1e1b4b var(--tw-gradient-to-position);
}
.to-orange-500\/5{
  --tw-gradient-to: rgb(249 115 22 / 0.05) var(--tw-gradient-to-position);
}
.to-primary{
  --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position);
}
.to-primary\/10{
  --tw-gradient-to: hsl(var(--primary) / 0.1) var(--tw-gradient-to-position);
}
.to-primary\/15{
  --tw-gradient-to: hsl(var(--primary) / 0.15) var(--tw-gradient-to-position);
}
.to-primary\/5{
  --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position);
}
.to-sky-500\/10{
  --tw-gradient-to: rgb(14 165 233 / 0.1) var(--tw-gradient-to-position);
}
.to-sky-500\/5{
  --tw-gradient-to: rgb(14 165 233 / 0.05) var(--tw-gradient-to-position);
}
.to-slate-100{
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-slate-500\/5{
  --tw-gradient-to: rgb(100 116 139 / 0.05) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-500\/10{
  --tw-gradient-to: rgb(139 92 246 / 0.1) var(--tw-gradient-to-position);
}
.to-violet-500\/5{
  --tw-gradient-to: rgb(139 92 246 / 0.05) var(--tw-gradient-to-position);
}
.fill-current{
  fill: currentColor;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-\[4\.5rem\]{
  padding-right: 4.5rem;
}
.pr-\[max\(0\.5rem\2c env\(safe-area-inset-right\2c 0px\)\)\]{
  padding-right: max(0.5rem, env(safe-area-inset-right,0px));
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-\[4\.5rem\]{
  padding-top: 4.5rem;
}
.pt-\[7px\]{
  padding-top: 7px;
}
.pt-\[max\(0\.5rem\2c env\(safe-area-inset-top\2c 0px\)\)\]{
  padding-top: max(0.5rem, env(safe-area-inset-top,0px));
}
.pt-\[max\(0\.625rem\2c env\(safe-area-inset-top\2c 0px\)\)\]{
  padding-top: max(0.625rem, env(safe-area-inset-top,0px));
}
.pt-\[max\(0\.75rem\2c env\(safe-area-inset-top\2c 0px\)\)\]{
  padding-top: max(0.75rem, env(safe-area-inset-top,0px));
}
.pt-\[max\(1\.25rem\2c env\(safe-area-inset-top\2c 0px\)\)\]{
  padding-top: max(1.25rem, env(safe-area-inset-top,0px));
}
.pt-\[max\(1rem\2c env\(safe-area-inset-top\2c 0px\)\)\]{
  padding-top: max(1rem, env(safe-area-inset-top,0px));
}
.pl-1{
  padding-left: 0.25rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.font-brand{
  font-family: var(--font-brand), Nunito, system-ui, sans-serif;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: var(--font-sans), system-ui, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-\[1\.625rem\]{
  font-size: 1.625rem;
}
.text-\[1\.65rem\]{
  font-size: 1.65rem;
}
.text-\[1\.75rem\]{
  font-size: 1.75rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.3rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.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);
}
.leading-\[1\.15\]{
  line-height: 1.15;
}
.leading-none{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.text-\[var\(--nav-active-text\)\]{
  color: var(--nav-active-text);
}
.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-600\/70{
  color: rgb(217 119 6 / 0.7);
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-950{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-border{
  color: hsl(var(--border));
}
.text-card-foreground{
  color: hsl(var(--card-foreground));
}
.text-current{
  color: currentColor;
}
.text-destructive{
  color: hsl(var(--destructive));
}
.text-destructive-foreground{
  color: hsl(var(--destructive-foreground));
}
.text-destructive\/80{
  color: hsl(var(--destructive) / 0.8);
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-foreground{
  color: hsl(var(--foreground));
}
.text-foreground\/70{
  color: hsl(var(--foreground) / 0.7);
}
.text-foreground\/80{
  color: hsl(var(--foreground) / 0.8);
}
.text-foreground\/90{
  color: hsl(var(--foreground) / 0.9);
}
.text-foreground\/95{
  color: hsl(var(--foreground) / 0.95);
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-indigo-300{
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-muted-foreground{
  color: hsl(var(--muted-foreground));
}
.text-muted-foreground\/40{
  color: hsl(var(--muted-foreground) / 0.4);
}
.text-muted-foreground\/45{
  color: hsl(var(--muted-foreground) / 0.45);
}
.text-muted-foreground\/50{
  color: hsl(var(--muted-foreground) / 0.5);
}
.text-muted-foreground\/60{
  color: hsl(var(--muted-foreground) / 0.6);
}
.text-muted-foreground\/70{
  color: hsl(var(--muted-foreground) / 0.7);
}
.text-muted-foreground\/80{
  color: hsl(var(--muted-foreground) / 0.8);
}
.text-primary{
  color: hsl(var(--primary));
}
.text-primary-foreground{
  color: hsl(var(--primary-foreground));
}
.text-primary\/60{
  color: hsl(var(--primary) / 0.6);
}
.text-primary\/70{
  color: hsl(var(--primary) / 0.7);
}
.text-primary\/85{
  color: hsl(var(--primary) / 0.85);
}
.text-primary\/90{
  color: hsl(var(--primary) / 0.9);
}
.text-red-200\/95{
  color: rgb(254 202 202 / 0.95);
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-600\/80{
  color: rgb(220 38 38 / 0.8);
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-rose-500{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground{
  color: hsl(var(--secondary-foreground));
}
.text-sky-500{
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-800{
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-violet-500{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-violet-800{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-violet-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.decoration-primary\/50{
  text-decoration-color: hsl(var(--primary) / 0.5);
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-muted-foreground::-moz-placeholder{
  color: hsl(var(--muted-foreground));
}
.placeholder-muted-foreground::placeholder{
  color: hsl(var(--muted-foreground));
}
.accent-primary{
  accent-color: hsl(var(--primary));
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_48px_-12px_hsl\(var\(--primary\)\/0\.35\)\]{
  --tw-shadow: 0 16px 48px -12px hsl(var(--primary)/0.35);
  --tw-shadow-colored: 0 16px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_0_hsl\(var\(--border\)\)\]{
  --tw-shadow: 0 1px 0 0 hsl(var(--border));
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_0_10px_-6px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-shadow: 3px 0 10px -6px rgba(0,0,0,0.35);
  --tw-shadow-colored: 3px 0 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_0_10px_-8px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
  --tw-shadow: 3px 0 10px -8px rgba(0,0,0,0.2);
  --tw-shadow-colored: 3px 0 10px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card{
  --tw-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card-light{
  --tw-shadow: 0 1px 4px rgba(15, 23, 42, 0.07), 0 0 0 1px rgba(15, 23, 42, 0.11);
  --tw-shadow-colored: 0 1px 4px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card{
  --tw-shadow-color: hsl(var(--card));
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-200\/60{
  --tw-shadow-color: rgb(226 232 240 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-offset-4{
  outline-offset: 4px;
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.ring-amber-400\/50{
  --tw-ring-color: rgb(251 191 36 / 0.5);
}
.ring-amber-500\/30{
  --tw-ring-color: rgb(245 158 11 / 0.3);
}
.ring-amber-600\/35{
  --tw-ring-color: rgb(217 119 6 / 0.35);
}
.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-black\/\[0\.04\]{
  --tw-ring-color: rgb(0 0 0 / 0.04);
}
.ring-border{
  --tw-ring-color: hsl(var(--border));
}
.ring-border\/80{
  --tw-ring-color: hsl(var(--border) / 0.8);
}
.ring-primary\/10{
  --tw-ring-color: hsl(var(--primary) / 0.1);
}
.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  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-sm{
  --tw-backdrop-blur: blur(4px);
  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-\[border-color\2c box-shadow\]{
  transition-property: border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c border-color\2c box-shadow\]{
  transition-property: color,background-color,border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\]{
  transition-property: color,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.ease-\[cubic-bezier\(0\.32\2c 0\.72\2c 0\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.32,0.72,0,1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform{
  will-change: transform;
}
.text-ui-crisp {
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    font-variant-ligatures: none;
    font-feature-settings: "kern" 1, "liga" 0, "calt" 0;
  }
.\[-webkit-font-smoothing\:antialiased\]{
  -webkit-font-smoothing: antialiased;
}
.\[align-items\:start\]{
  align-items: start;
}
.\[animation-delay\:-11s\]{
  animation-delay: -11s;
}
.\[color\:var\(--nav-active-text\)\]{
  color: var(--nav-active-text);
}
.\[word-break\:normal\]{
  word-break: normal;
}

html {
  height: 100%;
  /* Резервируем место под скроллбар постоянно — элементы не прыгают при
     появлении/исчезновении скроллбара во время переключения темы */
  scrollbar-gutter: stable;
}

body {
  overflow-x: hidden;
}

/* ── Смена темы: View Transitions — без blur/filter (чёткая отрисовка текста) ─ */
::view-transition-old(root) {
  z-index: 1;
  animation: theme-vt-fade-out 0.42s cubic-bezier(0.4, 0, 0.2, 1) both;
}
::view-transition-new(root) {
  z-index: 2;
  animation: theme-vt-reveal-in 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes theme-vt-fade-out {
  to {
    opacity: 0.35;
  }
}
@keyframes theme-vt-reveal-in {
  0% {
    clip-path: circle(0px at var(--theme-vt-x, 50vw) var(--theme-vt-y, 50vh));
    opacity: 0.85;
  }
  100% {
    clip-path: circle(200vmax at var(--theme-vt-x, 50vw) var(--theme-vt-y, 50vh));
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  html.transitioning,
  html.transitioning *,
  html.transitioning *::before,
  html.transitioning *::after {
    transition-duration: 0.01ms !important;
  }
}

/* Заголовки: только кернинг — без optimizeLegibility (размывает крупный текст на части мониторов) */
h1, h2, h3, h4, h5, h6 {
  text-rendering: auto;
  font-feature-settings: "kern" 1;
}

/* Кнопки — Medium (500), без лишних трансформаций букв */
button,
[role="button"] {
  font-weight: 500;
  letter-spacing: 0;
}

/**
 * UI-текст (кнопки, навигация): чёткие края без лигатур.
 * На широких экранах с обычной плотностью (1080p/1440p, масштаб Windows 125%)
 * grayscale-antialiased часто даёт «мыло» — включаем subpixel только там.
 */

@media (min-width: 1280px) and (max-resolution: 1.5dppx) {
  .text-ui-crisp {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}

/* Карточки: font-synthesis: none чтобы браузер не синтезировал жирное/курсивное */
.vault-card {
  font-synthesis: none;
  will-change: auto;
  /* contain: layout изолирует перерасчёт раскладки — безопасно для любого layout.
     content-visibility:auto удалено: у grid-карточек реальная высота 10-14rem, а
     contain-intrinsic-size: 5.75rem заставлял браузер резервировать меньше места →
     LayoutShift при входе карточки в viewport («прыжки»). */
  contain: style layout;
}

/* Скрытый скроллбар (например в горизонтальных тулбарах) */
.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Скроллбар — по разделу 7 */
.scrollbar-thin {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--muted-foreground) / 0.3) transparent;
}
.scrollbar-thin::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: hsl(var(--muted-foreground) / 0.3);
  border-radius: 3px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: hsl(var(--muted-foreground) / 0.5);
}

/* Основная прокрутка дашборда: одна ширина полосы в light/dark (иначе при смене темы меняется ширина колонки и «плывёт» центр — пустое хранилище, формы). */
main.flex-1.overflow-y-auto,
main.min-h-0.flex-1.overflow-y-auto {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--muted-foreground) / 0.45) transparent;
}
main.flex-1.overflow-y-auto::-webkit-scrollbar,
main.min-h-0.flex-1.overflow-y-auto::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
main.flex-1.overflow-y-auto::-webkit-scrollbar-track,
main.min-h-0.flex-1.overflow-y-auto::-webkit-scrollbar-track {
  background: transparent;
}
main.flex-1.overflow-y-auto::-webkit-scrollbar-thumb,
main.min-h-0.flex-1.overflow-y-auto::-webkit-scrollbar-thumb {
  background-color: hsl(var(--muted-foreground) / 0.38);
  border-radius: 4px;
}
main.flex-1.overflow-y-auto::-webkit-scrollbar-thumb:hover,
main.min-h-0.flex-1.overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background-color: hsl(var(--muted-foreground) / 0.55);
}

/* Не задаём width здесь: иначе в тёмной теме все внутренние скроллы уже 8px, а в светлой — системная ширина → сдвиг контента. Цвета — как раньше. */
.dark ::-webkit-scrollbar-track {
  background: hsl(210 30% 11%);
}
.dark ::-webkit-scrollbar-thumb {
  background-color: hsl(213 18% 32%);
  border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb:hover {
  background-color: hsl(209 17% 42%);
}
.dark .scrollbar-thin {
  scrollbar-color: hsl(213 18% 32%) hsl(210 30% 11%);
}
.dark .scrollbar-thin::-webkit-scrollbar-track {
  background: hsl(210 30% 11%);
}
.dark .scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: hsl(213 18% 32%);
  border-radius: 3px;
}
.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: hsl(209 17% 42%);
}

/* Карточка со стеклом, навигация, glass, glow — раздел 7 */
.card-glass {
  background: var(--card-bg);
  border-color: var(--card-border);
}

/* ── Telegram Desktop dark: slate-* → CSS-токены ──────── */
/* Фоны */
.dark .dark\:bg-slate-950 { background-color: hsl(var(--background)); }
.dark .dark\:bg-slate-900 { background-color: hsl(var(--sidebar)); }
.dark .dark\:bg-slate-850 { background-color: hsl(var(--card)); }
.dark .dark\:bg-slate-800 { background-color: hsl(var(--card)); }
.dark .dark\:bg-slate-700 { background-color: hsl(var(--accent)); }
.dark .dark\:bg-slate-600 { background-color: hsl(208 35% 28%); }
/* Opacity-варианты фонов (используются в badge'ах и прозрачных блоках) */
.dark .dark\:bg-slate-800\/30 { background-color: hsl(var(--card) / 0.3); }
.dark .dark\:bg-slate-800\/40 { background-color: hsl(var(--card) / 0.4); }
.dark .dark\:bg-slate-800\/50 { background-color: hsl(var(--card) / 0.5); }
.dark .dark\:bg-slate-800\/80 { background-color: hsl(var(--card) / 0.8); }
.dark .dark\:bg-slate-900\/20 { background-color: hsl(var(--background) / 0.55); }
.dark .dark\:bg-slate-900\/30 { background-color: hsl(var(--background) / 0.65); }
.dark .dark\:bg-slate-900\/50 { background-color: hsl(var(--background) / 0.78); }
.dark .dark\:bg-slate-700\/50 { background-color: hsl(var(--accent) / 0.5); }
.dark .dark\:bg-slate-700\/90 { background-color: hsl(var(--accent) / 0.9); }
/* Hover-фоны */
.dark .dark\:hover\:bg-slate-800:hover { background-color: hsl(var(--card)); }
.dark .dark\:hover\:bg-slate-800\/50:hover { background-color: hsl(var(--card) / 0.5); }
.dark .dark\:hover\:bg-slate-700:hover { background-color: hsl(var(--accent)); }
.dark .dark\:hover\:bg-slate-700\/80:hover { background-color: hsl(var(--accent) / 0.8); }
.dark .dark\:hover\:bg-slate-700\/60:hover { background-color: hsl(var(--accent) / 0.6); }
.dark .dark\:hover\:bg-slate-600:hover { background-color: hsl(208 35% 28%); }
/* Бордеры — нейтральные, без голубого свечения */
.dark .dark\:border-slate-800 { border-color: rgba(255, 255, 255, 0.06); }
.dark .dark\:border-slate-700 { border-color: rgba(255, 255, 255, 0.09); }
.dark .dark\:border-slate-600 { border-color: rgba(255, 255, 255, 0.12); }
.dark .dark\:border-slate-600\/80 { border-color: rgba(255, 255, 255, 0.16); }
.dark .dark\:hover\:border-slate-500:hover { border-color: rgba(255, 255, 255, 0.20); }
/* Тексты */
.dark .dark\:text-slate-100 { color: hsl(var(--foreground)); }
.dark .dark\:text-slate-200 { color: hsl(var(--foreground)); }
.dark .dark\:text-slate-300 { color: hsl(var(--foreground) / 0.88); }
.dark .dark\:text-slate-400 { color: hsl(var(--muted-foreground)); }
.dark .dark\:text-slate-500 { color: hsl(var(--muted-foreground) / 0.7); }
.dark .dark\:text-slate-600 { color: hsl(var(--muted-foreground) / 0.55); }
/* ─────────────────────────────────────────────────────────────────────────── */

/* Чёткая тень для карточек в тёмной теме — главный элемент сепарации */
.dark .vault-card {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
}
/* Выделение в навигации / категориях — светлый фон, цветной текст */
.nav-active {
  background: linear-gradient(135deg, hsl(var(--primary) / 0.10), hsl(var(--violet) / 0.08));
  color: hsl(var(--primary));
  border-color: hsl(var(--primary) / 0.40);
}
.nav-active:hover {
  background: linear-gradient(135deg, hsl(var(--primary) / 0.16), hsl(var(--violet) / 0.13));
  border-color: hsl(var(--primary) / 0.65);
}

/* Кнопки accent: сплошной фон + белый текст (градиент + primary-текст нечитаемы) */
.btn-active {
  background-color: #4f46e5;
  background-image: none;
  color: #ffffff;
  border-color: rgba(67, 56, 202, 0.35);
}
.btn-active:hover {
  background-color: #6366f1;
  background-image: none;
  border-color: rgba(67, 56, 202, 0.45);
}
.btn-active:active {
  background-color: #4338ca;
  background-image: none;
  border-color: rgba(67, 56, 202, 0.5);
}
.btn-active svg {
  color: currentColor;
  stroke: currentColor;
}

/* Лендинг / CTA — приоритет над любыми утилитами Tailwind */
a.landing-btn-primary,
.landing-btn-primary {
  background-color: #4f46e5 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(67, 56, 202, 0.35) !important;
}
a.landing-btn-primary:hover,
.landing-btn-primary:hover {
  background-color: #6366f1 !important;
  color: #ffffff !important;
}
a.landing-btn-primary:active,
.landing-btn-primary:active {
  background-color: #4338ca !important;
  color: #ffffff !important;
}
.landing-btn-primary svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Тёмная тема: btn-active — сплошной фон (градиент «мылит» белый текст на больших экранах) */
.dark .nav-active,
.dark .btn-active {
  background-color: #2f5d86;
  background-image: none;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.14);
}
.dark .btn-active:hover {
  background-color: #356892;
  background-image: none;
  border-color: rgba(255, 255, 255, 0.18);
}
.dark .btn-active:active {
  background-color: #2b5278;
  background-image: none;
  border-color: rgba(255, 255, 255, 0.12);
}

.dark a.landing-btn-primary,
.dark .landing-btn-primary {
  background-color: #2f5d86 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}
.dark a.landing-btn-primary:hover,
.dark .landing-btn-primary:hover {
  background-color: #3a6f9a !important;
  color: #ffffff !important;
}

/* Логотип: центрирование в контейнере */
.logo-img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
/* На главной (hero): визуальная подгонка — чуть вниз и влево для равных отступов в скруглённом блоке */
.logo-img-hero {
  -o-object-position: 52% 46%;
     object-position: 52% 46%;
}

.glass {
  background: rgba(255, 255, 255, 0.98);
}
.dark .glass {
  background: rgba(18, 26, 34, 0.98);
}
/* Без цветного свечения — только лёгкая тень для отделения */
.glow-primary {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.glow-primary-lg {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
}

.focus-ring {
  outline: none;
}
.focus-ring:focus-visible {
  box-shadow: 0 0 0 1px hsl(var(--foreground) / 0.22);
}
.dark .focus-ring:focus-visible {
  box-shadow: 0 0 0 1px hsl(0 0% 100% / 0.14);
}


/* Кнопка с градиентом бренда */
.btn-pearl {
  background: var(--gradient-brand);
  color: #fff;
  border: none;
}
.btn-pearl:hover {
  background: linear-gradient(135deg, #7dd3fc 0%, #818cf8 50%, #c084fc 100%);
}
.dark .btn-pearl:hover {
  background: linear-gradient(135deg, #50a2e9 0%, #6ab8fc 50%, #bb8ff6 100%);
}

/* Badges — раздел 7 */
.badge-success {
  background: rgb(16 185 129 / 0.15);
  color: rgb(5 150 105);
}
.dark .badge-success {
  background: rgb(16 185 129 / 0.15);
  color: rgb(52 211 153);
}
.badge-warning {
  background: rgb(245 158 11 / 0.15);
  color: rgb(217 119 6);
}
.dark .badge-warning {
  background: rgb(245 158 11 / 0.15);
  color: rgb(253 224 71);
}
.badge-error {
  background: rgb(239 68 68 / 0.15);
  color: rgb(220 38 38);
}
.dark .badge-error {
  background: rgb(239 68 68 / 0.15);
  color: rgb(252 165 165);
}
.badge-info {
  background: rgb(99 102 241 / 0.12);
  color: rgb(79 70 229);
}
.dark .badge-info {
  background: rgba(80, 162, 233, 0.1);
  color: #6eb8f0;
}

/* Sonner — THEME_AND_VISUAL_SYSTEM §5.10, §9.5, §9.9–9.10 */
[data-sonner-toaster] {
  /* --gap задаётся пропом Toaster (px); совпадает с ToastContext gap */
  gap: 6px !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  font-family: var(--font-sans), system-ui, sans-serif !important;
  z-index: 9999 !important;
}

[data-sonner-toast].custom-toast {
  position: relative !important;
  border-radius: 12px !important;
  padding: 16px 40px 16px 16px !important;
  min-width: 360px !important;
  max-width: 460px !important;
  box-shadow:
    0 10px 40px -8px rgba(0, 0, 0, 0.18),
    0 4px 12px -4px rgba(0, 0, 0, 0.12) !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: hsl(var(--toast-border)) !important;
  border-left-width: 4px !important;
}

.dark [data-sonner-toast].custom-toast {
  /* Sonner оставляет color от светлой палитры — иначе currentColor у иконок почти сливается с --toast-bg */
  color: hsl(var(--foreground)) !important;
  box-shadow:
    0 10px 40px -8px rgba(0, 0, 0, 0.5),
    0 4px 12px -4px rgba(0, 0, 0, 0.3) !important;
}

[data-sonner-toast].custom-toast[data-type="success"],
[data-sonner-toast].custom-toast[data-type="info"] {
  border-left-color: hsl(var(--primary)) !important;
}

[data-sonner-toast].custom-toast[data-type="error"] {
  border-left-color: hsl(var(--destructive)) !important;
}

[data-sonner-toast].custom-toast[data-type="warning"] {
  border-left-color: hsl(var(--warning)) !important;
}

[data-sonner-toast].custom-toast [data-content] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

[data-sonner-toast].custom-toast [data-title] {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #0f172a;
}

.dark [data-sonner-toast].custom-toast [data-title] {
  color: #ffffff;
}

[data-sonner-toast].custom-toast [data-description] {
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-line;
  color: #334155;
}

.dark [data-sonner-toast].custom-toast [data-description] {
  color: #708499;
}

[data-sonner-toast].custom-toast [data-icon] {
  width: 20px !important;
  height: 20px !important;
  margin-top: 2px;
  margin-right: 12px;
  flex-shrink: 0;
  color: hsl(var(--primary));
}

[data-sonner-toast].custom-toast [data-icon] svg {
  color: inherit;
}

[data-sonner-toast].custom-toast[data-type="error"] [data-icon] {
  color: hsl(var(--destructive));
}

[data-sonner-toast].custom-toast[data-type="warning"] [data-icon] {
  color: hsl(var(--warning));
}

[data-sonner-toast].custom-toast[data-type="info"] [data-icon] {
  color: hsl(var(--primary));
}

/* Sonner (LTR): close на left + translate(-35%,-35%) — перекрываем явно */
[data-sonner-toast].custom-toast [data-close-button] {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  transform: none !important;
  width: 28px !important;
  height: 28px !important;
  opacity: 0.85;
  border-radius: 8px !important;
  transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  color: #64748b !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: none !important;
}

[data-sonner-toast].custom-toast [data-close-button]:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.06) !important;
  color: #0f172a !important;
}

.dark [data-sonner-toast].custom-toast [data-close-button] {
  color: #e2e8f0 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.dark [data-sonner-toast].custom-toast [data-close-button]:hover {
  background-color: rgba(255, 255, 255, 0.16) !important;
  color: #f8fafc !important;
}

[data-sonner-toast].custom-toast [data-button][data-action] {
  font-size: 13px;
  font-weight: 600;
  height: 36px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 8px;
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  transition: transform 0.15s ease, opacity 0.15s ease;
  box-shadow: none;
}

[data-sonner-toast].custom-toast [data-button][data-action]:hover {
  transform: translateY(-0.5px);
  box-shadow: none;
  opacity: 0.95;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* fade-in-up: только для не-текстовых контейнеров (карточки, модалки). На текстовых — размытие на HiDPI/Windows.
   ВАЖНО: to { transform: none } — возвращает element из GPU-compositing-слоя, восстанавливая CPU-хинтинг текста. */
@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}
/* Лендинг: лёгкое «дыхание» логотипа / декора (не на тексте) */
@keyframes landing-logo-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes landing-orb-drift {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.55;
  }
  50% {
    transform: translate(3%, -2%) scale(1.06);
    opacity: 0.75;
  }
}
@keyframes slide-in-right {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}
/* Модальное окно (десктоп): лёгкое всплытие + scale */
@keyframes modal-panel-in {
  from { opacity: 0; transform: scale(0.975) translateY(6px); }
  to   { opacity: 1; transform: scale(1)     translateY(0); }
}
/* Модальное окно (мобайл): слайд снизу */
@keyframes modal-panel-in-mobile {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* Затемнение за модалкой */
@keyframes modal-overlay-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Офлайн-баннер: полоска «ожидания» связи */
@keyframes offline-indeterminate {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(350%); }
}
/* Поздравление после регистрации */
@keyframes register-celebrate-pop {
  0%   { transform: scale(0.5); opacity: 0; }
  60%  { transform: scale(1.08); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes register-sparkle {
  0%   { transform: rotate(var(--rs-deg, 0deg)) translateY(0) scale(0.4); opacity: 0; }
  25%  { opacity: 1; }
  100% { transform: rotate(var(--rs-deg, 0deg)) translateY(-52px) scale(1); opacity: 0; }
}

@media (prefers-reduced-motion: no-preference) {
  .animate-fade-in {
    animation: fade-in 0.22s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  }
  .animate-fade-in-up {
    animation: fade-in-up 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) both;
  }
  .animate-slide-in-right {
    animation: slide-in-right 0.28s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  }

  /* Лейблы сайдбара: короткий fade без задержки (ширину больше не анимируем — задержка давала «двойную» анимацию). */
  .sidebar-label-appear {
    animation: fade-in 120ms ease-out 0ms both;
  }

  /* Модальные окна */
  .modal-overlay {
    animation: modal-overlay-in 0.2s ease both;
  }
  /* Панель десктоп */
  .modal-panel {
    animation: modal-panel-in 0.24s cubic-bezier(0.34, 1.1, 0.64, 1) both;
  }
  /* Панель мобайл (bottom-sheet) */
  .modal-panel-mobile {
    animation: modal-panel-in-mobile 0.28s cubic-bezier(0.34, 1.1, 0.64, 1) both;
  }

  /* Лендинг: появление (текст — без translate, см. fade-in-up выше) */
  .landing-reveal { animation: fade-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both; }
  /* Карточки / блоки с иконками — лёгкий подъём.
     to { transform: none } в keyframe возвращает элемент из GPU-compositing-слоя → текст читается чётко. */
  .landing-reveal-up { animation: fade-in-up 0.55s cubic-bezier(0.22, 1, 0.36, 1) both; }
  /* Декор hero — отдельный композитный слой (blur не должен «подмешиваться» к тексту) */
  .landing-hero-decor {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    contain: strict;
  }
  .landing-hero-content {
    position: relative;
    z-index: 1;
    isolation: isolate;
  }

  .landing-hero-orb {
    animation: landing-orb-drift 22s ease-in-out infinite alternate;
    will-change: transform;
  }
  .landing-hero-logo-float {
    animation: landing-logo-float 6s ease-in-out infinite;
  }
  .landing-hero-hub-lines {
    animation: fade-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
  }
  /**
   * Декоративная маска для hub: сервисы с ограничениями в РФ (Instagram).
   * Исходник в высоком разрешении; лёгкий blur + desaturate снижает узнаваемость знака.
   */
  .landing-hub-icon-rf-mask {
    filter: blur(0.7px) saturate(0.78) contrast(0.88);
    transform: scale(1.07);
    opacity: 0.9;
  }
  .landing-reveal-delay-1 { animation-delay: 0.08s; }
  .landing-reveal-delay-2 { animation-delay: 0.16s; }
  .landing-reveal-delay-3 { animation-delay: 0.24s; }
  .landing-reveal-delay-4 { animation-delay: 0.32s; }
  .landing-reveal-delay-5 { animation-delay: 0.4s; }
  .landing-reveal-delay-6 { animation-delay: 0.48s; }
  .landing-reveal-delay-7 { animation-delay: 0.56s; }

  .animate-offline-indeterminate {
    animation: offline-indeterminate 2.2s ease-in-out infinite;
  }
  .register-celebrate-icon {
    animation: register-celebrate-pop 0.7s cubic-bezier(0.34, 1.45, 0.64, 1) both;
  }
  .register-sparkle {
    animation: register-sparkle 1s ease-out forwards;
  }
}

@media (prefers-reduced-motion: reduce) {
  .animate-offline-indeterminate,
  .register-celebrate-icon,
  .register-sparkle { animation: none; }
  .sidebar-label-appear,
  .animate-fade-in,
  .animate-fade-in-up,
  .animate-slide-in-right,
  .modal-overlay,
  .modal-panel,
  .modal-panel-mobile,
  .landing-reveal,
  .landing-reveal-delay-1,
  .landing-reveal-delay-2,
  .landing-reveal-delay-3,
  .landing-reveal-delay-4,
  .landing-reveal-delay-5,
  .landing-reveal-delay-6,
  .landing-reveal-delay-7,
  .landing-reveal-up,
  .landing-hero-orb,
  .landing-hero-logo-float,
  .landing-hero-hub-lines {
    animation: none !important;
    animation-delay: 0s !important;
  }
}

.placeholder\:text-muted-foreground::-moz-placeholder{
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground::placeholder{
  color: hsl(var(--muted-foreground));
}

.first\:pl-4:first-child{
  padding-left: 1rem;
}

.last\:border-0:last-child{
  border-width: 0px;
}

.last\:pr-4:last-child{
  padding-right: 1rem;
}

.even\:bg-muted\/\[0\.08\]:nth-child(even){
  background-color: hsl(var(--muted) / 0.08);
}

.even\:bg-muted\/\[0\.12\]:nth-child(even){
  background-color: hsl(var(--muted) / 0.12);
}

.hover\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-border:hover{
  border-color: hsl(var(--border));
}

.hover\:border-foreground\/25:hover{
  border-color: hsl(var(--foreground) / 0.25);
}

.hover\:border-primary:hover{
  border-color: hsl(var(--primary));
}

.hover\:border-primary\/35:hover{
  border-color: hsl(var(--primary) / 0.35);
}

.hover\:border-primary\/40:hover{
  border-color: hsl(var(--primary) / 0.4);
}

.hover\:border-primary\/50:hover{
  border-color: hsl(var(--primary) / 0.5);
}

.hover\:border-slate-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.hover\:bg-accent:hover{
  background-color: hsl(var(--accent));
}

.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-background\/60:hover{
  background-color: hsl(var(--background) / 0.6);
}

.hover\:bg-black\/80:hover{
  background-color: rgb(0 0 0 / 0.8);
}

.hover\:bg-destructive\/10:hover{
  background-color: hsl(var(--destructive) / 0.1);
}

.hover\:bg-destructive\/90:hover{
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-emerald-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.hover\:bg-muted:hover{
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/30:hover{
  background-color: hsl(var(--muted) / 0.3);
}

.hover\:bg-muted\/35:hover{
  background-color: hsl(var(--muted) / 0.35);
}

.hover\:bg-muted\/50:hover{
  background-color: hsl(var(--muted) / 0.5);
}

.hover\:bg-muted\/60:hover{
  background-color: hsl(var(--muted) / 0.6);
}

.hover\:bg-muted\/70:hover{
  background-color: hsl(var(--muted) / 0.7);
}

.hover\:bg-muted\/80:hover{
  background-color: hsl(var(--muted) / 0.8);
}

.hover\:bg-primary\/10:hover{
  background-color: hsl(var(--primary) / 0.1);
}

.hover\:bg-primary\/90:hover{
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500\/10:hover{
  background-color: rgb(239 68 68 / 0.1);
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary\/80:hover{
  background-color: hsl(var(--secondary) / 0.8);
}

.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:from-sky-600\/90:hover{
  --tw-gradient-from: rgb(2 132 199 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-indigo-700\/95:hover{
  --tw-gradient-to: rgb(67 56 202 / 0.95) var(--tw-gradient-to-position);
}

.hover\:text-accent-foreground:hover{
  color: hsl(var(--accent-foreground));
}

.hover\:text-amber-800:hover{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.hover\:text-destructive:hover{
  color: hsl(var(--destructive));
}

.hover\:text-foreground:hover{
  color: hsl(var(--foreground));
}

.hover\:text-primary:hover{
  color: hsl(var(--primary));
}

.hover\:text-primary-hover:hover{
  color: hsl(var(--primary) / 0.88);
}

.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.hover\:text-red-700:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-600:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-900:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:decoration-primary:hover{
  text-decoration-color: hsl(var(--primary));
}

.hover\:opacity-90:hover{
  opacity: 0.9;
}

.hover\:shadow-card-hover:hover{
  --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:ring-1:hover{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:ring-foreground\/15:hover{
  --tw-ring-color: hsl(var(--foreground) / 0.15);
}

.focus\:border-border:focus{
  border-color: hsl(var(--border));
}

.focus\:bg-card:focus{
  background-color: hsl(var(--card));
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-destructive\/30:focus{
  --tw-ring-color: hsl(var(--destructive) / 0.3);
}

.focus\:ring-foreground\/20:focus{
  --tw-ring-color: hsl(var(--foreground) / 0.2);
}

.focus\:ring-offset-0:focus{
  --tw-ring-offset-width: 0px;
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline:focus-visible{
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible{
  outline-width: 2px;
}

.focus-visible\:outline-primary\/40:focus-visible{
  outline-color: hsl(var(--primary) / 0.4);
}

.focus-visible\:ring-1:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-inset:focus-visible{
  --tw-ring-inset: inset;
}

.focus-visible\:ring-foreground\/15:focus-visible{
  --tw-ring-color: hsl(var(--foreground) / 0.15);
}

.focus-visible\:ring-foreground\/20:focus-visible{
  --tw-ring-color: hsl(var(--foreground) / 0.2);
}

.focus-visible\:ring-foreground\/25:focus-visible{
  --tw-ring-color: hsl(var(--foreground) / 0.25);
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-offset-0:focus-visible{
  --tw-ring-offset-width: 0px;
}

.active\:scale-100:active{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.99\]:active{
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:bg-muted\/20:active{
  background-color: hsl(var(--muted) / 0.2);
}

.active\:bg-muted\/25:active{
  background-color: hsl(var(--muted) / 0.25);
}

.active\:bg-muted\/35:active{
  background-color: hsl(var(--muted) / 0.35);
}

.active\:from-sky-800:active{
  --tw-gradient-from: #075985 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(7 89 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.active\:to-indigo-900:active{
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}

.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}

.disabled\:cursor-default:disabled{
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:opacity-35:disabled{
  opacity: 0.35;
}

.disabled\:opacity-40:disabled{
  opacity: 0.4;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.disabled\:opacity-70:disabled{
  opacity: 0.7;
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:bg-amber-500\/20{
  background-color: rgb(245 158 11 / 0.2);
}

.group:hover .group-hover\:bg-primary\/15{
  background-color: hsl(var(--primary) / 0.15);
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.has-\[\:checked\]\:border-primary\/50:has(:checked){
  border-color: hsl(var(--primary) / 0.5);
}

.has-\[\:checked\]\:bg-primary\/5:has(:checked){
  background-color: hsl(var(--primary) / 0.05);
}

@media (prefers-reduced-motion: no-preference){

  @keyframes fadeIn{

    from{
      opacity: 0;
    }

    to{
      opacity: 1;
    }
  }

  .motion-safe\:animate-fade-in{
    animation: fadeIn 0.2s ease-out;
  }

  @keyframes fadeInSoft{

    from{
      opacity: 0;
    }

    to{
      opacity: 1;
    }
  }

  .motion-safe\:animate-fade-in-soft{
    animation: fadeInSoft 0.32s ease-out both;
  }

  @keyframes pageReveal{

    from{
      opacity: 0;
    }

    to{
      opacity: 1;
    }
  }

  .motion-safe\:animate-page-reveal{
    animation: pageReveal 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  @keyframes pulse{

    50%{
      opacity: .5;
    }
  }

  .motion-safe\:animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  @keyframes supportBadgeBlink{

    0%, 100%{
      opacity: 1;
    }

    50%{
      opacity: 0.35;
    }
  }

  .motion-safe\:animate-support-badge-blink{
    animation: supportBadgeBlink 1.2s ease-in-out infinite;
  }

  @keyframes spin{

    to{
      transform: rotate(360deg);
    }
  }

  .motion-safe\:animate-spin{
    animation: spin 1s linear infinite;
  }
}

@media (prefers-reduced-motion: reduce){

  .motion-reduce\:animate-none{
    animation: none;
  }

  .motion-reduce\:transition-none{
    transition-property: none;
  }

  .motion-reduce\:active\:scale-100:active{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.dark\:divide-slate-700\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(51 65 85 / 0.5);
}

.dark\:\!border-emerald-500\/35:is(.dark *){
  border-color: rgb(16 185 129 / 0.35) !important;
}

.dark\:border-amber-400\/35:is(.dark *){
  border-color: rgb(251 191 36 / 0.35);
}

.dark\:border-amber-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-500\/40:is(.dark *){
  border-color: rgb(245 158 11 / 0.4);
}

.dark\:border-amber-500\/50:is(.dark *){
  border-color: rgb(245 158 11 / 0.5);
}

.dark\:border-amber-700\/80:is(.dark *){
  border-color: rgb(180 83 9 / 0.8);
}

.dark\:border-amber-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-800\/50:is(.dark *){
  border-color: rgb(146 64 14 / 0.5);
}

.dark\:border-amber-800\/60:is(.dark *){
  border-color: rgb(146 64 14 / 0.6);
}

.dark\:border-border:is(.dark *){
  border-color: hsl(var(--border));
}

.dark\:border-emerald-800\/50:is(.dark *){
  border-color: rgb(6 95 70 / 0.5);
}

.dark\:border-green-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.dark\:border-primary\/20:is(.dark *){
  border-color: hsl(var(--primary) / 0.2);
}

.dark\:border-primary\/25:is(.dark *){
  border-color: hsl(var(--primary) / 0.25);
}

.dark\:border-primary\/30:is(.dark *){
  border-color: hsl(var(--primary) / 0.3);
}

.dark\:border-primary\/35:is(.dark *){
  border-color: hsl(var(--primary) / 0.35);
}

.dark\:border-primary\/40:is(.dark *){
  border-color: hsl(var(--primary) / 0.4);
}

.dark\:border-primary\/45:is(.dark *){
  border-color: hsl(var(--primary) / 0.45);
}

.dark\:border-red-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.dark\:border-red-800\/50:is(.dark *){
  border-color: rgb(153 27 27 / 0.5);
}

.dark\:border-red-800\/60:is(.dark *){
  border-color: rgb(153 27 27 / 0.6);
}

.dark\:border-red-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

.dark\:border-red-900\/50:is(.dark *){
  border-color: rgb(127 29 29 / 0.5);
}

.dark\:border-sky-500\/30:is(.dark *){
  border-color: rgb(14 165 233 / 0.3);
}

.dark\:border-slate-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-600\/80:is(.dark *){
  border-color: rgb(71 85 105 / 0.8);
}

.dark\:border-slate-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-700\/50:is(.dark *){
  border-color: rgb(51 65 85 / 0.5);
}

.dark\:border-slate-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.dark\:border-white\/\[0\.07\]:is(.dark *){
  border-color: rgb(255 255 255 / 0.07);
}

.dark\:border-white\/\[0\.08\]:is(.dark *){
  border-color: rgb(255 255 255 / 0.08);
}

.dark\:bg-\[hsl\(var\(--sidebar\)\)\]:is(.dark *){
  background-color: hsl(var(--sidebar));
}

.dark\:bg-\[hsl\(var\(--switch-track-off\)\)\]:is(.dark *){
  background-color: hsl(var(--switch-track-off));
}

.dark\:bg-\[hsl\(var\(--switch-track-on\)\)\]:is(.dark *){
  background-color: hsl(var(--switch-track-on));
}

.dark\:bg-\[var\(--pq-bg\)\]:is(.dark *){
  background-color: var(--pq-bg);
}

.dark\:bg-amber-400\/15:is(.dark *){
  background-color: rgb(251 191 36 / 0.15);
}

.dark\:bg-amber-500\/90:is(.dark *){
  background-color: rgb(245 158 11 / 0.9);
}

.dark\:bg-amber-900\/30:is(.dark *){
  background-color: rgb(120 53 15 / 0.3);
}

.dark\:bg-amber-900\/40:is(.dark *){
  background-color: rgb(120 53 15 / 0.4);
}

.dark\:bg-amber-900\/60:is(.dark *){
  background-color: rgb(120 53 15 / 0.6);
}

.dark\:bg-amber-950\/10:is(.dark *){
  background-color: rgb(69 26 3 / 0.1);
}

.dark\:bg-amber-950\/20:is(.dark *){
  background-color: rgb(69 26 3 / 0.2);
}

.dark\:bg-amber-950\/30:is(.dark *){
  background-color: rgb(69 26 3 / 0.3);
}

.dark\:bg-amber-950\/40:is(.dark *){
  background-color: rgb(69 26 3 / 0.4);
}

.dark\:bg-amber-950\/50:is(.dark *){
  background-color: rgb(69 26 3 / 0.5);
}

.dark\:bg-amber-950\/80:is(.dark *){
  background-color: rgb(69 26 3 / 0.8);
}

.dark\:bg-background:is(.dark *){
  background-color: hsl(var(--background));
}

.dark\:bg-black\/25:is(.dark *){
  background-color: rgb(0 0 0 / 0.25);
}

.dark\:bg-black\/35:is(.dark *){
  background-color: rgb(0 0 0 / 0.35);
}

.dark\:bg-blue-500\/10:is(.dark *){
  background-color: rgb(59 130 246 / 0.1);
}

.dark\:bg-card:is(.dark *){
  background-color: hsl(var(--card));
}

.dark\:bg-card\/20:is(.dark *){
  background-color: hsl(var(--card) / 0.2);
}

.dark\:bg-card\/40:is(.dark *){
  background-color: hsl(var(--card) / 0.4);
}

.dark\:bg-emerald-400\/20:is(.dark *){
  background-color: rgb(52 211 153 / 0.2);
}

.dark\:bg-emerald-500\/10:is(.dark *){
  background-color: rgb(16 185 129 / 0.1);
}

.dark\:bg-emerald-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.dark\:bg-emerald-900\/30:is(.dark *){
  background-color: rgb(6 78 59 / 0.3);
}

.dark\:bg-emerald-950\/45:is(.dark *){
  background-color: rgb(2 44 34 / 0.45);
}

.dark\:bg-green-950\/40:is(.dark *){
  background-color: rgb(5 46 22 / 0.4);
}

.dark\:bg-muted\/20:is(.dark *){
  background-color: hsl(var(--muted) / 0.2);
}

.dark\:bg-muted\/30:is(.dark *){
  background-color: hsl(var(--muted) / 0.3);
}

.dark\:bg-muted\/80:is(.dark *){
  background-color: hsl(var(--muted) / 0.8);
}

.dark\:bg-muted\/90:is(.dark *){
  background-color: hsl(var(--muted) / 0.9);
}

.dark\:bg-primary\/10:is(.dark *){
  background-color: hsl(var(--primary) / 0.1);
}

.dark\:bg-primary\/15:is(.dark *){
  background-color: hsl(var(--primary) / 0.15);
}

.dark\:bg-primary\/20:is(.dark *){
  background-color: hsl(var(--primary) / 0.2);
}

.dark\:bg-primary\/\[0\.09\]:is(.dark *){
  background-color: hsl(var(--primary) / 0.09);
}

.dark\:bg-red-500\/25:is(.dark *){
  background-color: rgb(239 68 68 / 0.25);
}

.dark\:bg-red-950\/10:is(.dark *){
  background-color: rgb(69 10 10 / 0.1);
}

.dark\:bg-red-950\/30:is(.dark *){
  background-color: rgb(69 10 10 / 0.3);
}

.dark\:bg-red-950\/40:is(.dark *){
  background-color: rgb(69 10 10 / 0.4);
}

.dark\:bg-sky-500\/10:is(.dark *){
  background-color: rgb(14 165 233 / 0.1);
}

.dark\:bg-sky-950\/20:is(.dark *){
  background-color: rgb(8 47 73 / 0.2);
}

.dark\:bg-slate-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-700\/50:is(.dark *){
  background-color: rgb(51 65 85 / 0.5);
}

.dark\:bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-800\/25:is(.dark *){
  background-color: rgb(30 41 59 / 0.25);
}

.dark\:bg-slate-800\/30:is(.dark *){
  background-color: rgb(30 41 59 / 0.3);
}

.dark\:bg-slate-800\/50:is(.dark *){
  background-color: rgb(30 41 59 / 0.5);
}

.dark\:bg-slate-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-900\/40:is(.dark *){
  background-color: rgb(15 23 42 / 0.4);
}

.dark\:bg-slate-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.dark\:bg-transparent:is(.dark *){
  background-color: transparent;
}

.dark\:bg-violet-500\/10:is(.dark *){
  background-color: rgb(139 92 246 / 0.1);
}

.dark\:bg-white:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.dark\:bg-white\/5:is(.dark *){
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:from-\[var\(--pq-bg\)\]:is(.dark *){
  --tw-gradient-from: var(--pq-bg) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-amber-500\/40:is(.dark *){
  --tw-gradient-from: rgb(245 158 11 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-primary\/10:is(.dark *){
  --tw-gradient-from: hsl(var(--primary) / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-slate-800\/30:is(.dark *){
  --tw-gradient-from: rgb(30 41 59 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-slate-950:is(.dark *){
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:via-amber-400:is(.dark *){
  --tw-gradient-to: rgb(251 191 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:to-amber-500\/40:is(.dark *){
  --tw-gradient-to: rgb(245 158 11 / 0.4) var(--tw-gradient-to-position);
}

.dark\:to-card:is(.dark *){
  --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position);
}

.dark\:to-sky-600\/10:is(.dark *){
  --tw-gradient-to: rgb(2 132 199 / 0.1) var(--tw-gradient-to-position);
}

.dark\:to-slate-900:is(.dark *){
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}

.dark\:to-transparent:is(.dark *){
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.dark\:text-\[hsl\(228_16\%_72\%\)\]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(228 16% 72% / var(--tw-text-opacity, 1));
}

.dark\:text-amber-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-200\/95:is(.dark *){
  color: rgb(253 230 138 / 0.95);
}

.dark\:text-amber-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400\/70:is(.dark *){
  color: rgb(251 191 36 / 0.7);
}

.dark\:text-amber-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.dark\:text-foreground:is(.dark *){
  color: hsl(var(--foreground));
}

.dark\:text-foreground\/60:is(.dark *){
  color: hsl(var(--foreground) / 0.6);
}

.dark\:text-foreground\/65:is(.dark *){
  color: hsl(var(--foreground) / 0.65);
}

.dark\:text-green-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.dark\:text-green-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.dark\:text-primary:is(.dark *){
  color: hsl(var(--primary));
}

.dark\:text-primary\/80:is(.dark *){
  color: hsl(var(--primary) / 0.8);
}

.dark\:text-red-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}

.dark\:text-red-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:text-red-200\/90:is(.dark *){
  color: rgb(254 202 202 / 0.9);
}

.dark\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400\/80:is(.dark *){
  color: rgb(248 113 113 / 0.8);
}

.dark\:text-rose-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-900:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.dark\:text-\[\#c4b5fd\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.dark\:opacity-100:is(.dark *){
  opacity: 1;
}

.dark\:shadow-\[3px_0_10px_-6px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:is(.dark *){
  --tw-shadow: 3px 0 10px -6px rgba(0,0,0,0.5);
  --tw-shadow-colored: 3px 0 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-card-dark:is(.dark *){
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-none:is(.dark *){
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:ring-amber-400\/25:is(.dark *){
  --tw-ring-color: rgb(251 191 36 / 0.25);
}

.dark\:ring-amber-400\/40:is(.dark *){
  --tw-ring-color: rgb(251 191 36 / 0.4);
}

.dark\:ring-amber-500\/50:is(.dark *){
  --tw-ring-color: rgb(245 158 11 / 0.5);
}

.dark\:ring-white\/10:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:ring-white\/\[0\.06\]:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.06);
}

.dark\:\[color\:var\(--nav-active-text\)\]:is(.dark *){
  color: var(--nav-active-text);
}

.dark\:hover\:border-primary\/50:hover:is(.dark *){
  border-color: hsl(var(--primary) / 0.5);
}

.dark\:hover\:border-slate-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-white\/15:hover:is(.dark *){
  border-color: rgb(255 255 255 / 0.15);
}

.dark\:hover\:bg-amber-900\/40:hover:is(.dark *){
  background-color: rgb(120 53 15 / 0.4);
}

.dark\:hover\:bg-amber-900\/50:hover:is(.dark *){
  background-color: rgb(120 53 15 / 0.5);
}

.dark\:hover\:bg-amber-950\/30:hover:is(.dark *){
  background-color: rgb(69 26 3 / 0.3);
}

.dark\:hover\:bg-emerald-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-emerald-900\/50:hover:is(.dark *){
  background-color: rgb(6 78 59 / 0.5);
}

.dark\:hover\:bg-primary\/15:hover:is(.dark *){
  background-color: hsl(var(--primary) / 0.15);
}

.dark\:hover\:bg-primary\/20:hover:is(.dark *){
  background-color: hsl(var(--primary) / 0.2);
}

.dark\:hover\:bg-primary\/\[0\.14\]:hover:is(.dark *){
  background-color: hsl(var(--primary) / 0.14);
}

.dark\:hover\:bg-red-950\/30:hover:is(.dark *){
  background-color: rgb(69 10 10 / 0.3);
}

.dark\:hover\:bg-slate-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-white\/\[0\.06\]:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.06);
}

.dark\:hover\:text-amber-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-primary-hover:hover:is(.dark *){
  color: hsl(var(--primary) / 0.88);
}

.dark\:hover\:text-red-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:hover\:shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:hover:is(.dark *){
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:hover\:shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]:hover:is(.dark *){
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:hover\:ring-white\/10:hover:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:focus\:ring-white\/10:focus:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:focus-visible\:ring-white\/10:focus-visible:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:focus-visible\:ring-white\/20:focus-visible:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

@media (max-width: 400px){

  .max-\[400px\]\:scale-95{
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 480px){

  .min-\[480px\]\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 640px){

  .sm\:-left-32{
    left: -8rem;
  }

  .sm\:-right-32{
    right: -8rem;
  }

  .sm\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm\:mb-3{
    margin-bottom: 0.75rem;
  }

  .sm\:mb-5{
    margin-bottom: 1.25rem;
  }

  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }

  .sm\:mb-8{
    margin-bottom: 2rem;
  }

  .sm\:ml-0{
    margin-left: 0px;
  }

  .sm\:ml-2{
    margin-left: 0.5rem;
  }

  .sm\:ml-3{
    margin-left: 0.75rem;
  }

  .sm\:ml-auto{
    margin-left: auto;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:mt-2{
    margin-top: 0.5rem;
  }

  .sm\:mt-8{
    margin-top: 2rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:inline-flex{
    display: inline-flex;
  }

  .sm\:table-cell{
    display: table-cell;
  }

  .sm\:grid{
    display: grid;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:h-11{
    height: 2.75rem;
  }

  .sm\:h-12{
    height: 3rem;
  }

  .sm\:h-14{
    height: 3.5rem;
  }

  .sm\:h-16{
    height: 4rem;
  }

  .sm\:h-3\.5{
    height: 0.875rem;
  }

  .sm\:h-4{
    height: 1rem;
  }

  .sm\:h-6{
    height: 1.5rem;
  }

  .sm\:h-7{
    height: 1.75rem;
  }

  .sm\:h-72{
    height: 18rem;
  }

  .sm\:h-8{
    height: 2rem;
  }

  .sm\:h-80{
    height: 20rem;
  }

  .sm\:h-9{
    height: 2.25rem;
  }

  .sm\:min-h-0{
    min-height: 0px;
  }

  .sm\:min-h-11{
    min-height: 2.75rem;
  }

  .sm\:w-11{
    width: 2.75rem;
  }

  .sm\:w-12{
    width: 3rem;
  }

  .sm\:w-14{
    width: 3.5rem;
  }

  .sm\:w-16{
    width: 4rem;
  }

  .sm\:w-3\.5{
    width: 0.875rem;
  }

  .sm\:w-4{
    width: 1rem;
  }

  .sm\:w-6{
    width: 1.5rem;
  }

  .sm\:w-7{
    width: 1.75rem;
  }

  .sm\:w-72{
    width: 18rem;
  }

  .sm\:w-8{
    width: 2rem;
  }

  .sm\:w-80{
    width: 20rem;
  }

  .sm\:w-9{
    width: 2.25rem;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:min-w-\[10rem\]{
    min-width: 10rem;
  }

  .sm\:min-w-\[15rem\]{
    min-width: 15rem;
  }

  .sm\:min-w-\[520px\]{
    min-width: 520px;
  }

  .sm\:max-w-2xl{
    max-width: 42rem;
  }

  .sm\:max-w-5xl{
    max-width: 64rem;
  }

  .sm\:max-w-\[320px\]{
    max-width: 320px;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:max-w-none{
    max-width: none;
  }

  .sm\:flex-initial{
    flex: 0 1 auto;
  }

  .sm\:flex-none{
    flex: none;
  }

  .sm\:scroll-mt-20{
    scroll-margin-top: 5rem;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[minmax\(0\2c 17\.5rem\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,17.5rem) minmax(0,1fr);
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-col{
    flex-direction: column;
  }

  .sm\:flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:items-stretch{
    align-items: stretch;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-1\.5{
    gap: 0.375rem;
  }

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-2\.5{
    gap: 0.625rem;
  }

  .sm\:gap-3{
    gap: 0.75rem;
  }

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:gap-5{
    gap: 1.25rem;
  }

  .sm\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .sm\:gap-y-2{
    row-gap: 0.5rem;
  }

  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .sm\:self-auto{
    align-self: auto;
  }

  .sm\:self-center{
    align-self: center;
  }

  .sm\:self-stretch{
    align-self: stretch;
  }

  .sm\:rounded-2xl{
    border-radius: 1rem;
  }

  .sm\:border-l{
    border-left-width: 1px;
  }

  .sm\:border-t-0{
    border-top-width: 0px;
  }

  .sm\:p-10{
    padding: 2.5rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-5{
    padding: 1.25rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:p-7{
    padding: 1.75rem;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sm\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-12{
    padding-bottom: 3rem;
  }

  .sm\:pl-4{
    padding-left: 1rem;
  }

  .sm\:pr-20{
    padding-right: 5rem;
  }

  .sm\:pt-0{
    padding-top: 0px;
  }

  .sm\:pt-14{
    padding-top: 3.5rem;
  }

  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-\[1\.75rem\]{
    font-size: 1.75rem;
  }

  .sm\:text-\[15px\]{
    font-size: 15px;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.3rem;
  }

  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.875rem;
  }

  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  .sm\:text-primary{
    color: hsl(var(--primary));
  }

  .sm\:blur-3xl{
    --tw-blur: blur(64px);
    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);
  }
}

@media (min-width: 768px){

  .md\:mb-12{
    margin-bottom: 3rem;
  }

  .md\:block{
    display: block;
  }

  .md\:table-cell{
    display: table-cell;
  }

  .md\:hidden{
    display: none;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-5{
    gap: 1.25rem;
  }

  .md\:gap-x-10{
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .md\:space-y-12 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:pt-20{
    padding-top: 5rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 1024px){

  .lg\:left-64{
    left: 16rem;
  }

  .lg\:left-\[4\.5rem\]{
    left: 4.5rem;
  }

  .lg\:top-1\/2{
    top: 50%;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:table-cell{
    display: table-cell;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:min-h-\[11rem\]{
    min-height: 11rem;
  }

  .lg\:w-\[min\(100\%\2c 380px\)\]{
    width: min(100%, 380px);
  }

  .lg\:max-w-3xl{
    max-width: 48rem;
  }

  .lg\:max-w-4xl{
    max-width: 56rem;
  }

  .lg\:max-w-5xl{
    max-width: 64rem;
  }

  .lg\:max-w-6xl{
    max-width: 72rem;
  }

  .lg\:max-w-none{
    max-width: none;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-center{
    justify-content: center;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .lg\:gap-y-10{
    row-gap: 2.5rem;
  }

  .lg\:border-r{
    border-right-width: 1px;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:py-3\.5{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:pb-20{
    padding-bottom: 5rem;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:pt-24{
    padding-top: 6rem;
  }

  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media (min-width: 1280px){

  .xl\:-right-48{
    right: -12rem;
  }

  .xl\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .xl\:mb-8{
    margin-bottom: 2rem;
  }

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:grid{
    display: grid;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:h-\[28rem\]{
    height: 28rem;
  }

  .xl\:w-\[16rem\]{
    width: 16rem;
  }

  .xl\:w-\[20rem\]{
    width: 20rem;
  }

  .xl\:w-\[24rem\]{
    width: 24rem;
  }

  .xl\:w-\[28rem\]{
    width: 28rem;
  }

  .xl\:w-\[420px\]{
    width: 420px;
  }

  .xl\:w-\[8rem\]{
    width: 8rem;
  }

  .xl\:w-\[9rem\]{
    width: 9rem;
  }

  .xl\:min-w-0{
    min-width: 0px;
  }

  .xl\:min-w-\[13rem\]{
    min-width: 13rem;
  }

  .xl\:min-w-\[14rem\]{
    min-width: 14rem;
  }

  .xl\:min-w-\[15rem\]{
    min-width: 15rem;
  }

  .xl\:max-w-2xl{
    max-width: 42rem;
  }

  .xl\:max-w-6xl{
    max-width: 72rem;
  }

  .xl\:max-w-7xl{
    max-width: 80rem;
  }

  .xl\:max-w-none{
    max-width: none;
  }

  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1\.12fr_0\.88fr\]{
    grid-template-columns: 1.12fr 0.88fr;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:justify-start{
    justify-content: flex-start;
  }

  .xl\:gap-14{
    gap: 3.5rem;
  }

  .xl\:text-left{
    text-align: left;
  }
}

@media (min-width: 1536px){

  .\32xl\:max-w-7xl{
    max-width: 80rem;
  }
}

.\[\&_em\]\:text-foreground\/90 em{
  color: hsl(var(--foreground) / 0.9);
}

@media (max-width: 420px){

  .\[\&_img\]\:max-\[420px\]\:h-9 img{
    height: 2.25rem;
  }

  .\[\&_img\]\:max-\[420px\]\:w-9 img{
    width: 2.25rem;
  }

  .\[\&_span\.font-brand\]\:max-\[420px\]\:sr-only span.font-brand{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}

.\[\&_span\.text-muted-foreground\]\:opacity-70 span.text-muted-foreground{
  opacity: 0.7;
}

.\[\&_strong\]\:text-foreground strong{
  color: hsl(var(--foreground));
}

.\[\&_td\]\:py-1\.5 td{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.\[\&_td\]\:text-\[12px\] td{
  font-size: 12px;
}

.\[\&_td\]\:\[word-break\:normal\] td{
  word-break: normal;
}

.\[\&_th\]\:whitespace-nowrap th{
  white-space: nowrap;
}

.\[\&_th\]\:py-1\.5 th{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.\[\&_th\]\:text-\[10px\] th{
  font-size: 10px;
}

.\[\&_th\]\:\[word-break\:normal\] th{
  word-break: normal;
}

.\[\&_tr\:last-child_td\]\:border-b-0 tr:last-child td{
  border-bottom-width: 0px;
}