/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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":"Plus_Jakarta_Sans","arguments":[{"subsets":["latin"],"weight":["200","300","400","500","600","700"],"variable":"--font-sans","display":"swap"}],"variableName":"plusJakarta"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Plus_Jakarta_Sans_7bcf70';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Plus_Jakarta_Sans_Fallback_7bcf70';src: local("Arial");ascent-override: 98.88%;descent-override: 21.15%;line-gap-override: 0.00%;size-adjust: 104.98%
}.__className_7bcf70 {font-family: '__Plus_Jakarta_Sans_7bcf70', '__Plus_Jakarta_Sans_Fallback_7bcf70';font-style: normal
}.__variable_7bcf70 {--font-sans: '__Plus_Jakarta_Sans_7bcf70', '__Plus_Jakarta_Sans_Fallback_7bcf70'
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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":"Space_Grotesk","arguments":[{"subsets":["latin"],"weight":["400","500","600","700"],"variable":"--font-mono","display":"swap"}],"variableName":"spaceGrotesk"} ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* vietnamese */
@font-face {
  font-family: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/e1aab0933260df4d-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: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/b7387a63dd068245-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: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/36966cca54120369-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;
}
/* vietnamese */
@font-face {
  font-family: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/e1aab0933260df4d-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: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/b7387a63dd068245-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: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/36966cca54120369-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;
}
/* vietnamese */
@font-face {
  font-family: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/e1aab0933260df4d-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: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/b7387a63dd068245-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: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/36966cca54120369-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;
}
/* vietnamese */
@font-face {
  font-family: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/e1aab0933260df4d-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: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/b7387a63dd068245-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: '__Space_Grotesk_49a339';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/36966cca54120369-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: '__Space_Grotesk_Fallback_49a339';src: local("Arial");ascent-override: 89.71%;descent-override: 26.62%;line-gap-override: 0.00%;size-adjust: 109.69%
}.__className_49a339 {font-family: '__Space_Grotesk_49a339', '__Space_Grotesk_Fallback_49a339';font-style: normal
}.__variable_49a339 {--font-mono: '__Space_Grotesk_49a339', '__Space_Grotesk_Fallback_49a339'
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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":"Cormorant_Garamond","arguments":[{"subsets":["latin"],"weight":["300"],"style":["normal"],"variable":"--font-serif","display":"swap"}],"variableName":"cormorantGaramond"} ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Cormorant_Garamond_0c0738';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/f1ef0f880f20d9d6-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: '__Cormorant_Garamond_0c0738';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/c1229af6b321d475-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Cormorant_Garamond_0c0738';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/30d21c6c870dd505-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: '__Cormorant_Garamond_0c0738';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/ccc23d783c22544b-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: '__Cormorant_Garamond_0c0738';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/359abbb9929fd4ce-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: '__Cormorant_Garamond_Fallback_0c0738';src: local("Times New Roman");ascent-override: 95.27%;descent-override: 29.59%;line-gap-override: 0.00%;size-adjust: 96.98%
}.__className_0c0738 {font-family: '__Cormorant_Garamond_0c0738', '__Cormorant_Garamond_Fallback_0c0738';font-weight: 300;font-style: normal
}.__variable_0c0738 {--font-serif: '__Cormorant_Garamond_0c0738', '__Cormorant_Garamond_Fallback_0c0738'
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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":"Playfair_Display","arguments":[{"subsets":["latin"],"weight":["400","500","600","700"],"style":["normal","italic"],"variable":"--font-display-serif","display":"swap"}],"variableName":"playfairDisplay"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/19150647d2c2f572-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/000030d1699f2fb3-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/1926da171a0ba1a5-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: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/78d0dd042ac6d54d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/19150647d2c2f572-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/000030d1699f2fb3-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/1926da171a0ba1a5-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: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/78d0dd042ac6d54d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/19150647d2c2f572-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/000030d1699f2fb3-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/1926da171a0ba1a5-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: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/78d0dd042ac6d54d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/19150647d2c2f572-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/000030d1699f2fb3-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/1926da171a0ba1a5-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: '__Playfair_Display_745915';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/78d0dd042ac6d54d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/47f136985ef5b5cb-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/28a2004cf8372660-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/47f136985ef5b5cb-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/28a2004cf8372660-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/47f136985ef5b5cb-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/28a2004cf8372660-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/47f136985ef5b5cb-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/28a2004cf8372660-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Playfair_Display_745915';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Playfair_Display_Fallback_745915';src: local("Times New Roman");ascent-override: 97.25%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 111.26%
}.__className_745915 {font-family: '__Playfair_Display_745915', '__Playfair_Display_Fallback_745915'
}.__variable_745915 {--font-display-serif: '__Playfair_Display_745915', '__Playfair_Display_Fallback_745915'
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/@liveblocks/react-ui/styles.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.lb-root{--lb-radius:.5em;--lb-spacing:1em;--lb-accent:#17f;--lb-accent-foreground:#fff;--lb-destructive:#f45;--lb-destructive-foreground:#fff;--lb-background:#fff;--lb-foreground:#111;--lb-line-height:1.5;--lb-icon-size:20px;--lb-icon-weight:1.5px;--lb-avatar-radius:50%;--lb-button-radius:calc(.75*var(--lb-radius));--lb-transition-duration:.1s;--lb-transition-easing:cubic-bezier(.4,0,.2,1);--lb-highlight-shadow:inset 0 0 0 1px #0000001a;--lb-elevation-shadow:0 0 0 1px #0000000a,0 2px 6px #00000014,0 8px 26px #0000001f;--lb-elevation-shadow-moderate:0 0 0 1px #0000000a,0 2px 6px #0000000d,0 8px 26px #0000000f;--lb-tooltip-shadow:0 2px 4px #00000014,0 4px 12px #0000001f;--lb-accent-contrast:8%;--lb-destructive-contrast:8%;--lb-foreground-contrast:8%;--lb-background-foreground-faint:color-mix(in srgb,var(--lb-foreground),var(--lb-background)calc(100% - var(--lb-foreground-contrast) + ((100% - var(--lb-foreground-contrast))/9)/2));--lb-background-foreground-subtle:color-mix(in srgb,var(--lb-foreground),var(--lb-background)calc(100% - var(--lb-foreground-contrast)));--lb-background-accent-faint:color-mix(in srgb,var(--lb-accent),var(--lb-background)calc(100% - var(--lb-accent-contrast) + ((100% - var(--lb-accent-contrast))/9)/2));--lb-background-accent-subtle:color-mix(in srgb,var(--lb-accent),var(--lb-background)calc(100% - var(--lb-accent-contrast)));--lb-background-destructive-faint:color-mix(in srgb,var(--lb-destructive),var(--lb-background)calc(100% - var(--lb-destructive-contrast) + ((100% - var(--lb-destructive-contrast))/9)/2));--lb-background-destructive-subtle:color-mix(in srgb,var(--lb-destructive),var(--lb-background)calc(100% - var(--lb-destructive-contrast)));--lb-accent-subtle:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - var(--lb-accent-contrast)));--lb-accent-moderate:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 3*((100% - var(--lb-accent-contrast))/9))));--lb-accent-tertiary:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 5*((100% - var(--lb-accent-contrast))/9))));--lb-accent-secondary:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 7*((100% - var(--lb-accent-contrast))/9))));--lb-destructive-subtle:color-mix(in srgb,var(--lb-destructive),var(--lb-dynamic-background)calc(100% - var(--lb-destructive-contrast)));--lb-destructive-moderate:color-mix(in srgb,var(--lb-destructive),var(--lb-dynamic-background)calc(100% - (var(--lb-destructive-contrast) + 3*((100% - var(--lb-destructive-contrast))/9))));--lb-destructive-tertiary:color-mix(in srgb,var(--lb-destructive),var(--lb-dynamic-background)calc(100% - (var(--lb-destructive-contrast) + 5*((100% - var(--lb-destructive-contrast))/9))));--lb-destructive-secondary:color-mix(in srgb,var(--lb-destructive),var(--lb-dynamic-background)calc(100% - (var(--lb-destructive-contrast) + 7*((100% - var(--lb-destructive-contrast))/9))));--lb-foreground-subtle:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - var(--lb-foreground-contrast)));--lb-foreground-moderate:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 3*((100% - var(--lb-foreground-contrast))/9))));--lb-foreground-tertiary:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 5*((100% - var(--lb-foreground-contrast))/9))));--lb-foreground-secondary:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 7*((100% - var(--lb-foreground-contrast))/9))));--lb-selection:color-mix(in srgb,var(--lb-accent)40%,transparent);overflow-wrap:break-word;accent-color:var(--lb-accent);-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lb-root,.lb-root *,.lb-root :before,.lb-root :after{box-sizing:border-box;transition:none var(--lb-transition-duration)var(--lb-transition-easing)}.lb-root:where(:not(.lb-root .lb-root)){--lb-dynamic-background:var(--lb-background)}.lb-loading,.lb-empty,.lb-error{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lb-loading{color:var(--lb-foreground-moderate)}.lb-empty,.lb-error{padding:var(--lb-spacing);color:var(--lb-foreground-tertiary);text-align:center;text-wrap:balance;font-size:.875em}.lb-icon-container,.lb-icon{inline-size:var(--lb-icon-size);block-size:var(--lb-icon-size)}.lb-icon-container{justify-content:center;align-items:center;display:flex}.lb-icon{--lb-icon-background:var(--lb-dynamic-background)}.lb-icon *{stroke-width:var(--lb-icon-weight);vector-effect:non-scaling-stroke}.lb-icon-spinner{transform-origin:50%;animation:.75s linear infinite lb-animation-spin}.lb-button{--lb-button-background:var(--lb-dynamic-background);all:unset;box-sizing:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition-timing-function:var(--lb-transition-easing);transition-duration:var(--lb-transition-duration);-webkit-tap-highlight-color:transparent;padding:calc(.25*var(--lb-spacing));border-radius:var(--lb-button-radius);background:var(--lb-button-background);color:var(--lb-foreground-moderate);outline:none;justify-content:center;align-items:center;transition-property:background,color,opacity;display:flex;position:relative}.lb-button:after{content:"";border-radius:inherit;pointer-events:none;transition-property:box-shadow;position:absolute;inset:0}.lb-button:where(:focus-visible){z-index:1}.lb-button:where(:focus-visible):after{box-shadow:var(--lb-dynamic-background)0 0 0 2px,var(--lb-accent)0 0 0 4px}.lb-button:where(.lb-button\:non-disableable:disabled){cursor:default}.lb-button:where(:not(.lb-button\:non-disableable):disabled){opacity:.5;cursor:not-allowed}.lb-button:where(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]){--lb-button-background:var(--lb-foreground-subtle);color:var(--lb-foreground-tertiary)}.lb-button:where([data-variant=default]:not(:is(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true],[aria-pressed]))){background:0 0}.lb-button:where([data-variant=primary]){--lb-button-background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-button:where([data-variant=primary]):where(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]){--lb-button-background:var(--lb-accent-secondary);color:var(--lb-accent-foreground)}.lb-button:where([data-variant=destructive]){--lb-button-background:var(--lb-destructive);color:var(--lb-destructive-foreground)}.lb-button:where([data-variant=destructive]):where(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]){--lb-button-background:var(--lb-destructive-secondary);color:var(--lb-destructive-foreground)}.lb-button:where([data-variant=outline]){box-shadow:inset 0 0 0 1px var(--lb-foreground-subtle);transition-property:background,color,opacity,box-shadow}.lb-button:where([data-variant=ghost]){background:0 0}.lb-button:where(:has(.lb-button-label)){gap:calc(.175*var(--lb-spacing));padding-inline:calc(.55*var(--lb-spacing))}.lb-button:where(:has(.lb-button-label)):where(:has(.lb-icon-container)){padding-inline-start:calc(.4*var(--lb-spacing))}.lb-button:where([data-variant=toolbar]){color:var(--lb-foreground-tertiary)}.lb-button:where([data-variant=toolbar]):where([aria-pressed=true]){--lb-button-background:var(--lb-foreground-subtle);color:var(--lb-foreground-secondary)}.lb-button:where([data-variant=toolbar]):where([aria-pressed=true]) :where(.lb-icon *){stroke-width:calc(1.25*var(--lb-icon-weight))}.lb-button:where([data-variant=secondary]){--lb-button-background:var(--lb-foreground-subtle);color:var(--lb-foreground-tertiary)}.lb-button:where([data-variant=secondary]):where(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]){--lb-button-background:var(--lb-foreground);color:var(--lb-dynamic-background)}.lb-button:where([data-size=large]){padding:calc(.5*var(--lb-spacing))}.lb-button:where([data-size=large]):where(:has(.lb-button-label)){gap:calc(.35*var(--lb-spacing));padding-inline:calc(.7*var(--lb-spacing))}.lb-button:where([data-size=large]):where(:has(.lb-button-label)):where(:has(.lb-icon-container)){padding-inline-start:calc(.6*var(--lb-spacing))}.lb-button :where(.lb-icon-container){flex:none}.lb-button :where(.lb-icon){--lb-icon-background:var(--lb-button-background)}.lb-button-label{block-size:var(--lb-icon-size);font-weight:500;font-size:calc(.7*var(--lb-icon-size));flex:none;align-items:center;line-height:1;display:inline-flex}.lb-dropdown{min-inline-size:160px}.lb-dropdown-label{padding:calc(.875*var(--lb-spacing))calc(.625*var(--lb-spacing))calc(.125*var(--lb-spacing));color:var(--lb-foreground-tertiary);text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.675em;font-weight:600}.lb-dropdown-label:where(:first-child){padding-block-start:var(--lb-spacing)}.lb-dropdown-separator{background:var(--lb-foreground-subtle);block-size:1px;margin:4px -4px}.lb-dropdown-item :where(.lb-icon-container){color:var(--lb-foreground-moderate);margin-inline-start:calc(-.125*var(--lb-spacing));margin-inline-end:calc(.375*var(--lb-spacing));transition-property:color}.lb-dropdown-item:where(:is([data-highlighted]:not([data-highlighted=false]),[data-selected]:not([data-selected=false]),[data-active]:not([data-active=false]))) :where(.lb-icon-container){color:var(--lb-foreground-tertiary)}.lb-dropdown-item:where(:has(.lb-dropdown-item-accessory)) :where(.lb-dropdown-item-label){margin-inline-end:calc(.375*var(--lb-spacing))}.lb-dropdown-item-accessory{margin-inline-start:auto;margin-inline-end:calc(-.25*var(--lb-spacing))}.lb-dropdown:where(:has(.lb-dropdown-item-icon)) :where(.lb-dropdown-item:not(:has(.lb-dropdown-item-icon))) :where(.lb-dropdown-item-label){margin-inline-start:calc(var(--lb-icon-size) + (.375 - .125)*var(--lb-spacing))}.lb-select-button{min-inline-size:0}.lb-select-button :where(.lb-button-label){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-select-button-chevron{opacity:.75;flex:none;margin-inline-end:calc(-.25*var(--lb-spacing))}.lb-collapsible-trigger{all:unset;box-sizing:inherit;-webkit-user-select:none;user-select:none;transition-timing-function:var(--lb-transition-easing);transition-duration:var(--lb-transition-duration);-webkit-tap-highlight-color:transparent;transition-property:color,background,opacity;position:relative}.lb-collapsible-trigger:where(:not([data-disabled])){cursor:pointer}.lb-collapsible-chevron{inline-size:calc(.8*var(--lb-icon-size));block-size:calc(.8*var(--lb-icon-size));opacity:.65;margin-block-start:1px;margin-inline-start:-1px}.lb-collapsible-content:where([hidden]:not([hidden=until-found])){display:none!important}.lb-prose,.lb-prose *{line-height:var(--lb-line-height)}.lb-prose :where(p){margin-block:.75em}.lb-prose :where(p,li){text-wrap:pretty}.lb-prose :where(h1,h2,h3,h4,h5,h6){text-wrap:balance;margin-block:1.5em .375em;font-weight:600}.lb-prose :where(h1){font-size:1.75em;line-height:calc(.8*var(--lb-line-height))}.lb-prose :where(h2){font-size:1.5em;line-height:calc(.86*var(--lb-line-height))}.lb-prose :where(h3){font-size:1.25em;line-height:calc(.92*var(--lb-line-height))}.lb-prose :where(h4){font-size:1.125em;line-height:calc(.98*var(--lb-line-height))}.lb-prose :where(h5){font-size:1em}.lb-prose :where(h6){font-size:.875em}.lb-prose :where(hr){border:none;border-block-start:1px solid var(--lb-foreground-subtle);margin-block:1.5em}.lb-prose :where(ol,ul){flex-direction:column;gap:.25em;margin-block:.75em;padding-inline-start:1.125em;list-style-position:outside;display:flex}.lb-prose :where(ol,ul) :where(ol,ul){margin-block:0}.lb-prose :where(ul){list-style-type:disc}.lb-prose :where(ol){list-style-type:decimal}.lb-prose :where(li){margin-block:0}.lb-prose :where(li)>:where(ol,ul){margin-block-start:.25em}.lb-prose :where(li)>:where(p){margin-block:.25em}.lb-prose :where(li)>:where(p:first-child){margin-block-start:0}.lb-prose :where(li)>:where(p:last-child){margin-block-end:0}.lb-prose :where(a){color:var(--lb-foreground);text-decoration-line:underline;-webkit-text-decoration-color:var(--lb-foreground-moderate);text-decoration-color:var(--lb-foreground-moderate);text-underline-offset:2px;outline:none;font-weight:500;transition-property:color,text-decoration-color}.lb-prose :where(a):where([href]):where(:hover,:focus-visible){color:var(--lb-accent);-webkit-text-decoration-color:var(--lb-accent-moderate);text-decoration-color:var(--lb-accent-moderate)}.lb-prose :where(strong){font-weight:600}.lb-prose :where(table){border-collapse:collapse;table-layout:auto;word-break:break-word;inline-size:100%;min-inline-size:0;margin-block:1em}.lb-prose :where(thead){border-block-end:2px solid var(--lb-foreground-subtle)}.lb-prose :where(thead) :where(th){vertical-align:bottom}.lb-prose :where(tbody) :where(td){vertical-align:baseline}.lb-prose :where(tbody) :where(tr:not(:last-child)){border-block-end:1px solid var(--lb-foreground-subtle)}.lb-prose :where(tfoot){border-block-start:2px solid var(--lb-foreground-subtle)}.lb-prose :where(tfoot) :where(td){vertical-align:top}.lb-prose :where(th,td){text-align:start;padding-block:.5em;padding-inline:.75em}.lb-prose :where(th,td):where(:first-child){padding-inline-start:0}.lb-prose :where(th,td):where(:last-child){padding-inline-end:0}.lb-prose :where(.lb-code-block){margin-block:1em}.lb-prose :where(blockquote){margin-block:.75em;margin-inline:0;padding:0;padding-inline-start:1.25em;position:relative}.lb-prose :where(blockquote):after{content:"";border-radius:calc(.5*var(--lb-radius));background:var(--lb-foreground-subtle);block-size:100%;inline-size:4px;position:absolute;inset-block-start:0;inset-inline-start:0}.lb-prose :where(blockquote):where(:is(.lb-prose :where(blockquote))+:is(.lb-prose :where(blockquote))){margin-block-start:1em}.lb-prose :where(blockquote)>:where(:first-child){margin-block-start:0}.lb-prose :where(blockquote)>:where(:last-child){margin-block-end:0}.lb-prose>:where(:first-child){margin-block-start:0}.lb-prose>:where(:last-child){margin-block-end:0}.lb-list{display:contents}.lb-list :where(:first-child):first-letter{text-transform:capitalize}.lb-list :where(.lb-name){display:contents}.lb-date:first-letter{text-transform:capitalize}.lb-emoji{white-space:nowrap;justify-content:center;align-items:center;inline-size:1em;display:inline-flex}@supports (background:-webkit-named-image(i)){.lb-emoji{will-change:transform;transform:scale(.825)}}.lb-emoji-picker{--lb-emoji-picker-padding:6px;--lb-emoji-picker-offset-padding:calc(6px + .375*var(--lb-spacing));inline-size:100%;max-inline-size:var(--frimousse-viewport-width);block-size:374px;color:var(--lb-foreground);flex-direction:column;display:flex}.lb-emoji-picker-header{border-block-end:1px solid var(--lb-foreground-subtle);flex:none}.lb-emoji-picker-footer{gap:calc(.5*var(--lb-spacing));inline-size:100%;padding:calc(.5*var(--lb-spacing));border-block-start:1px solid var(--lb-foreground-subtle);flex:none;align-items:center;display:flex}.lb-emoji-picker-active-emoji{flex:none;justify-content:center;align-items:center;block-size:1.25em;inline-size:1.25em;font-size:1.25em;display:flex}.lb-emoji-picker-active-emoji-label{text-overflow:ellipsis;white-space:nowrap;color:var(--lb-foreground-secondary);flex:1;font-size:.8125em;font-weight:500;overflow:hidden}.lb-emoji-picker-active-emoji-label-placeholder{color:var(--lb-foreground-moderate);margin-inline-start:calc(.5*var(--lb-spacing))}.lb-emoji-picker-skin-tone-selector{inline-size:calc(1.75*var(--lb-spacing));block-size:calc(1.75*var(--lb-spacing));flex:none;justify-content:center;align-items:center;margin-inline-start:auto;display:flex}.lb-emoji-picker-search-container{align-items:center;display:flex;position:relative}.lb-emoji-picker-search-container :where(.lb-icon){color:var(--lb-foreground-moderate);pointer-events:none;position:absolute;inset-inline-start:var(--lb-emoji-picker-offset-padding)}.lb-emoji-picker-search{all:unset;box-sizing:inherit;inline-size:100%;padding:var(--lb-emoji-picker-offset-padding);appearance:textfield;background:0 0;outline:none;padding-inline-start:calc(var(--lb-icon-size) + var(--lb-emoji-picker-offset-padding) + .375*var(--lb-spacing))}.lb-emoji-picker-search::placeholder{color:var(--lb-foreground-moderate)}.lb-emoji-picker-search::-webkit-search-cancel-button{display:none}.lb-emoji-picker-content{outline:none;flex:1;position:relative}.lb-emoji-picker-category-header{padding:var(--lb-emoji-picker-padding)var(--lb-emoji-picker-offset-padding);background:var(--lb-dynamic-background)}.lb-emoji-picker-category-header-title{color:var(--lb-foreground-tertiary);text-transform:uppercase;font-size:.675em;font-weight:600}.lb-emoji-picker-list{animation:lb-animation-appear var(--lb-transition-duration)var(--lb-transition-easing)both;padding-block-end:var(--lb-emoji-picker-padding)}.lb-emoji-picker-row{padding-inline:var(--lb-emoji-picker-padding);scroll-margin-block-end:var(--lb-emoji-picker-padding);display:flex}.lb-emoji-picker-emoji{all:unset;box-sizing:inherit;aspect-ratio:1;padding:calc(.375*var(--lb-spacing));border-radius:calc(var(--lb-radius) - .75*6px);text-align:center;justify-content:center;align-items:center;display:flex;overflow:hidden}.lb-tooltip{--lb-background:#222;--lb-foreground:#fff;--lb-foreground-contrast:10%;--lb-dynamic-background:var(--lb-background);max-inline-size:300px;min-block-size:calc(calc(1em + 2*.25*var(--lb-spacing)) + 2*5px);padding-inline:calc(.75*var(--lb-spacing));border-radius:var(--lb-radius);background:var(--lb-dynamic-background);color:var(--lb-foreground);box-shadow:var(--lb-tooltip-shadow);overflow-wrap:anywhere;pointer-events:none;align-items:center;font-size:.75rem;line-height:1;display:flex;position:relative}.lb-tooltip:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--lb-inset-shadow);pointer-events:none;position:absolute;inset:0}.lb-tooltip\:multiline{padding-block:calc(calc(.625*var(--lb-spacing))*(1/1.5));text-align:center;justify-content:center;line-height:1.5}.lb-tooltip-shortcut{gap:calc(.125*var(--lb-spacing));block-size:calc(1em + 2*.25*var(--lb-spacing));padding-inline:calc(.25*var(--lb-spacing));border-radius:calc(var(--lb-radius) - .625*5px);background:var(--lb-foreground-subtle);color:var(--lb-foreground-tertiary);text-transform:uppercase;justify-content:center;align-items:center;margin-inline-start:calc(.75*var(--lb-spacing));margin-inline-end:calc(-1*calc(.75*var(--lb-spacing)) + 5px);font-family:inherit;line-height:1;display:flex}.lb-tooltip-shortcut :where(abbr){all:unset}.lb-avatar{aspect-ratio:1;border-radius:var(--lb-avatar-radius);background:var(--lb-foreground-subtle);color:var(--lb-foreground-moderate);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.lb-avatar:where([data-loading]){background:var(--lb-foreground);opacity:.12}.lb-avatar-image{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.lb-avatar-fallback{white-space:nowrap;font-size:35cqi;font-weight:500}@supports not (container-type:inline-size){.lb-avatar-fallback{display:none}}.lb-name{display:inline-block}.lb-name:where([data-loading]):before{content:"";vertical-align:middle;border-radius:calc(.5*var(--lb-radius));opacity:.12;-webkit-user-select:none;user-select:none;background:currentColor;block-size:1.75ex;inline-size:8ch;display:inline-block}:is(.lb-avatar,.lb-name):where([data-loading]){animation:8s linear infinite lb-animation-shimmer-skeleton}:is(.lb-comment-body,.lb-composer-editor){color:var(--lb-foreground-secondary)}:is(.lb-comment-body,.lb-composer-editor),:is(.lb-comment-body,.lb-composer-editor) *{line-height:var(--lb-line-height)}:is(.lb-comment-body,.lb-composer-editor) :where(p){--lb-line-height-crop:calc(1lh - 1em)/-2;margin-block:.25em}:is(.lb-comment-body,.lb-composer-editor) :where(p):where(:first-of-type){margin-block-start:calc(.125em + var(--lb-line-height-crop))}:is(.lb-comment-body,.lb-composer-editor) :where(p):where(:last-of-type){margin-block-end:calc(.125em + var(--lb-line-height-crop))}:is(.lb-comment-body,.lb-composer-editor) :where(strong){font-weight:600}.lb-comment-mention,.lb-composer-mention{color:var(--lb-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:default;font-weight:500}:is(.lb-comment-link,.lb-composer-link){color:var(--lb-foreground);text-decoration-line:underline;-webkit-text-decoration-color:var(--lb-foreground-moderate);text-decoration-color:var(--lb-foreground-moderate);text-underline-offset:2px;outline:none;font-weight:500;transition-property:color,text-decoration-color}:is(.lb-comment-link,.lb-composer-link):where([href]):where(:hover,:focus-visible){color:var(--lb-accent);-webkit-text-decoration-color:var(--lb-accent-moderate);text-decoration-color:var(--lb-accent-moderate)}.lb-comment-mention:where([data-self]),.lb-composer-mention{border-radius:calc(.675*var(--lb-radius));background:var(--lb-accent-subtle);padding:.1em .3em}.lb-mention-symbol{display:contents}.lb-composer{background:var(--lb-dynamic-background);color:var(--lb-foreground);transition-property:background;position:relative}.lb-composer-form{margin:0}.lb-composer:where(:has(.lb-composer-editor:not(:focus-visible))) :where(.lb-button[data-variant=primary]){--lb-button-background:var(--lb-foreground-subtle);color:var(--lb-foreground-tertiary)}.lb-composer:where(:has(.lb-composer-editor:not(:focus-visible))) :where(.lb-button[data-variant=primary]):where(:enabled:hover,:enabled:focus-visible){--lb-button-background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-composer-editor{padding:var(--lb-spacing);outline:none}.lb-composer-editor:where([data-disabled]:not([data-disabled=false])){opacity:.5;cursor:not-allowed}:where(.lb-composer-editor-container:has(.lb-composer-attachments)) .lb-composer-editor{padding-block-end:calc(.25*var(--lb-spacing))}.lb-composer-editor :where([data-placeholder]){color:var(--lb-foreground-moderate)}.lb-composer-mention::selection{background:0 0}.lb-composer-mention ::selection{background:0 0}.lb-composer-mention:where([data-selected]:not([data-selected=false])){background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-composer-footer{gap:calc(.75*var(--lb-spacing));block-size:calc(calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)) + var(--lb-spacing));padding:0 var(--lb-spacing)var(--lb-spacing);align-items:center;margin-block-start:calc(-.125*var(--lb-spacing));display:flex}.lb-composer-actions,.lb-composer-editor-actions{gap:calc(.125*var(--lb-spacing));align-items:center;display:flex}.lb-composer-editor-actions{margin-inline-end:auto}.lb-composer-attribution{color:var(--lb-foreground-moderate);outline:none;transition-property:color}.lb-composer-attribution:where(:hover,:focus-visible){color:var(--lb-foreground-tertiary)}.lb-composer-attribution :where(svg){block-size:calc(.75*calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)))}.lb-composer-attachments{padding-inline:var(--lb-spacing);padding-block-start:calc(.75*var(--lb-spacing));padding-block-end:var(--lb-spacing)}.lb-composer-editor-container:where([data-drop]) *{pointer-events:none}.lb-composer-attachments-drop-area{color:var(--lb-accent);place-content:center;place-items:center;display:flex;position:absolute;inset:0}.lb-composer-attachments-drop-area:before,.lb-composer-attachments-drop-area:after{content:"";inset:calc(.5*var(--lb-spacing));z-index:0;border-radius:calc(.75*var(--lb-radius));position:absolute}.lb-composer-attachments-drop-area:before{opacity:calc(1*var(--lb-accent-contrast));background:currentColor}.lb-composer-attachments-drop-area:after{opacity:calc(2*var(--lb-accent-contrast));border:2px dashed}.lb-composer-attachments-drop-area-label{gap:calc(.25*var(--lb-spacing));padding:calc(.375*var(--lb-spacing))calc(.5*var(--lb-spacing));border-radius:calc(.75*var(--lb-radius));background:var(--lb-accent);color:var(--lb-accent-foreground);pointer-events:none;place-items:center;font-weight:500;display:flex;position:relative}.lb-composer-floating-toolbar{-webkit-user-select:none;user-select:none;flex-direction:row;gap:4px;padding:4px;display:flex}.lb-composer-floating-toolbar :where(.lb-button):before{content:"";z-index:-1;border-radius:inherit;position:absolute;inset:-4px}.lb-composer-floating-toolbar :where(.lb-button):where(:not(:first-of-type)):before{inset-inline-start:-2px}.lb-composer-floating-toolbar :where(.lb-button):where(:not(:last-of-type)):before{inset-inline-end:-2px}.lb-comment{--lb-comment-avatar-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));padding:var(--lb-spacing);background:var(--lb-dynamic-background);color:var(--lb-foreground);scroll-margin:var(--lb-spacing);font-weight:400;position:relative}.lb-comment:where(:target,[data-target]){--lb-dynamic-background:var(--lb-background-accent-faint)}.lb-comment:where([data-editing]){--lb-dynamic-background:var(--lb-background-foreground-faint)}.lb-comment-header{gap:calc(.75*var(--lb-spacing));block-size:var(--lb-comment-avatar-size);align-items:center;margin-block-end:calc(.75*var(--lb-spacing));display:flex;position:relative}.lb-comment-details{gap:calc(.75*var(--lb-spacing));align-items:center;min-inline-size:0;display:flex}.lb-comment-avatar{inline-size:var(--lb-comment-avatar-size);flex:none}.lb-comment-details-labels{gap:calc(.5*var(--lb-spacing));align-items:baseline;min-inline-size:0;display:flex}.lb-comment-author,.lb-comment-date{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-comment-author:first-letter,.lb-comment-date:first-letter{text-transform:capitalize}.lb-comment-author{font-weight:500}.lb-comment-date{color:var(--lb-foreground-tertiary);font-size:.875em}.lb-comment-date-created,.lb-comment-date-edited{display:contents}.lb-comment-actions{gap:calc(.125*var(--lb-spacing));margin-inline-start:auto;display:flex}.lb-comment-composer{margin:calc(-1*var(--lb-spacing));background:unset}.lb-comment-body :where(p span:only-child:empty):before{content:"";-webkit-user-select:none;user-select:none}.lb-comment-attachments{margin-block-start:calc(.75*var(--lb-spacing))}.lb-comment-reactions{gap:calc(.375*var(--lb-spacing));flex-wrap:wrap;margin-block-start:calc(.75*var(--lb-spacing));display:flex}.lb-comment-reaction{gap:calc(.375*var(--lb-spacing));block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));padding-inline:calc(.575*var(--lb-spacing));border-radius:9999px}.lb-comment-reaction:where([data-self]){background:var(--lb-accent-subtle);color:var(--lb-accent-secondary);box-shadow:inset 0 0 0 1px var(--lb-accent-moderate)}.lb-comment-reaction:where([data-self]):where(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]){color:var(--lb-accent)}.lb-comment-reaction-count{font-variant-numeric:tabular-nums;font-size:.75em;font-weight:500}.lb-comment-reaction-tooltip{max-inline-size:200px}.lb-comment-deleted{color:var(--lb-foreground-tertiary);font-size:.875em}.lb-comment\:indent-content{min-block-size:calc(var(--lb-comment-avatar-size) + 2*var(--lb-spacing))}.lb-comment\:indent-content :where(.lb-comment-header){block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));margin-block-end:calc(.25*var(--lb-spacing))}.lb-comment\:indent-content :where(.lb-comment-avatar){position:absolute;inset-block-start:0;inset-inline-start:0}.lb-comment\:indent-content :where(.lb-comment-details-labels){margin-inline-start:calc(var(--lb-comment-avatar-size) + .75*var(--lb-spacing))}.lb-comment\:indent-content :where(.lb-comment-content){padding-inline-start:calc(var(--lb-comment-avatar-size) + .75*var(--lb-spacing))}.lb-thread{background:var(--lb-dynamic-background);color:var(--lb-foreground);transition-property:background}.lb-thread-comments{z-index:0;flex-direction:column;display:flex;position:relative}.lb-thread-comment{z-index:0;padding-block:calc(.6*var(--lb-spacing));transition-property:background}.lb-thread-comment:where(.lb-comment\:indent-content){min-block-size:calc(var(--lb-comment-avatar-size) + var(--lb-spacing))}.lb-thread-comment:where(:first-of-type,[data-editing]){padding-block-start:var(--lb-spacing)}.lb-thread-comment:where(:first-of-type,[data-editing]):where(.lb-comment\:indent-content){min-block-size:calc(var(--lb-comment-avatar-size) + 1.5*var(--lb-spacing))}.lb-thread-comment:where(:last-of-type,[data-editing]){padding-block-end:var(--lb-spacing)}.lb-thread-comment:where(:last-of-type,[data-editing]):where(.lb-comment\:indent-content){min-block-size:calc(var(--lb-comment-avatar-size) + 1.75*var(--lb-spacing))}.lb-thread-show-more{z-index:1;gap:calc(.5*var(--lb-spacing));justify-content:center;align-items:center;display:flex;position:relative}.lb-thread-show-more:before,.lb-thread-show-more:after{content:"";z-index:0;min-inline-size:var(--lb-spacing);border-block-start:1px dashed var(--lb-foreground-subtle);flex:1 0 auto;block-size:0;transition-property:border}:where(.lb-thread-show-more+.lb-thread-new-indicator){margin-block-start:calc(.5*var(--lb-spacing))}.lb-thread-new-indicator{z-index:1;justify-content:center;align-items:center;block-size:0;display:flex;position:relative}.lb-thread-new-indicator:before,.lb-thread-new-indicator:after{content:"";z-index:0;border-block-start:1px solid var(--lb-foreground-subtle);flex:1;block-size:0;transition-property:border}.lb-thread-new-indicator-label{z-index:1;gap:calc(.325*var(--lb-spacing));padding:calc(.25*var(--lb-spacing))var(--lb-spacing);color:var(--lb-accent);text-transform:uppercase;flex:none;align-items:center;font-size:.675em;font-weight:600;display:flex}.lb-thread-new-indicator-label-icon{inline-size:calc(.6*var(--lb-icon-size));block-size:calc(.6*var(--lb-icon-size))}.lb-thread-composer{position:relative}.lb-thread-composer:after{content:"";border-block-start:1px solid var(--lb-foreground-subtle);pointer-events:none;block-size:100%;inline-size:100%;transition-property:border;position:absolute;inset:0}.lb-comment-attachments,.lb-composer-attachments{gap:calc(.75*var(--lb-spacing));flex-direction:column;display:flex}.lb-attachments{gap:calc(.75*var(--lb-spacing));grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.lb-attachment,.lb-attachment-delete{all:unset;box-sizing:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition-timing-function:var(--lb-transition-easing);transition-duration:var(--lb-transition-duration);-webkit-tap-highlight-color:transparent;outline:none;transition-property:background,color,opacity;position:relative}.lb-attachment:after,.lb-attachment-delete:after{content:"";border-radius:inherit;pointer-events:none;transition-property:box-shadow;position:absolute;inset:0}.lb-attachment:where(:focus-visible),.lb-attachment-delete:where(:focus-visible){z-index:1}.lb-attachment:where(:focus-visible):after,.lb-attachment-delete:where(:focus-visible):after{box-shadow:var(--lb-dynamic-background)0 0 0 2px,var(--lb-accent)0 0 0 4px}.lb-attachment{border-radius:var(--lb-radius);background:var(--lb-dynamic-background);inline-size:100%;min-inline-size:0;box-shadow:inset 0 0 0 1px var(--lb-foreground-subtle);display:flex;position:relative}.lb-attachment:where([tabindex="-1"]){cursor:default}.lb-attachment:where(:not([tabindex="-1"])):where(:hover,:focus-visible){background:var(--lb-foreground-subtle)}.lb-attachment-delete{z-index:2;background:var(--lb-foreground-subtle);block-size:1.1rem;inline-size:1.1rem;color:var(--lb-foreground-secondary);box-shadow:0 0 0 2px var(--lb-dynamic-background);opacity:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:-.35rem;inset-inline-end:-.35rem}.lb-attachment-delete:before{content:"";z-index:-1;border-radius:inherit;position:absolute;inset:-4px}.lb-attachment-delete:where(:hover,:focus-visible){background:var(--lb-foreground-secondary);color:var(--lb-dynamic-background)}:where(.lb-attachment:focus-within,.lb-attachment:hover) .lb-attachment-delete{opacity:1}.lb-attachment-delete :where(.lb-icon){inline-size:.75rem}.lb-attachment-details{gap:calc(.25*var(--lb-spacing));flex-direction:column;justify-content:center;min-inline-size:0;font-size:.875em;display:flex;position:relative}.lb-attachment-name{font-weight:500;display:flex}.lb-attachment-name-base,.lb-attachment-description{text-overflow:ellipsis;white-space:nowrap;transition-property:color;overflow:hidden}.lb-attachment-preview{background:color-mix(in srgb,transparent,var(--lb-foreground)var(--lb-foreground-contrast));color:var(--lb-foreground-tertiary);flex:none;justify-content:center;align-items:center;transition-property:background,color;display:flex;position:relative;overflow:hidden}.lb-attachment-preview-media{border-radius:inherit;transition-property:opacity}.lb-attachment-preview-media,.lb-attachment-preview-media:after,.lb-attachment-preview-media img,.lb-attachment-preview-media video{block-size:100%;inline-size:100%;position:absolute;inset:0}.lb-attachment-preview-media img,.lb-attachment-preview-media video{object-fit:cover;pointer-events:none}.lb-attachment-preview-media:after{content:"";border-radius:inherit;box-shadow:var(--lb-highlight-shadow);pointer-events:none}.lb-attachment-preview-media:where([data-hidden]){opacity:0}.lb-attachment-icon{color:var(--lb-foreground);flex:none;overflow:visible}.lb-attachment-icon-glyph{fill:var(--lb-foreground-moderate)}.lb-attachment-icon-background{fill:var(--lb-background)}.lb-attachment-icon-fold{fill-opacity:calc(.75*var(--lb-foreground-contrast))}.lb-attachment-icon-shadow{filter:blur(6px);fill-opacity:var(--lb-foreground-contrast)}.lb-file-attachment{gap:calc(.5*var(--lb-spacing));padding:calc(.5*var(--lb-spacing));padding-inline-end:calc(.65*var(--lb-spacing))}.lb-file-attachment :where(.lb-attachment-preview){aspect-ratio:1;border-radius:calc(.5*var(--lb-radius));inline-size:2.5rem}.lb-file-attachment :where(.lb-attachment-name){color:var(--lb-foreground-secondary)}.lb-file-attachment :where(.lb-attachment-description){color:var(--lb-foreground-tertiary)}.lb-file-attachment:where(:not([tabindex="-1"])):where(:hover,:focus-visible,:focus-within) :where(.lb-attachment-name){color:var(--lb-foreground)}.lb-file-attachment:where(:not([tabindex="-1"])):where(:hover,:focus-visible,:focus-within) :where(.lb-attachment-description){color:var(--lb-foreground-secondary)}.lb-media-attachment{aspect-ratio:16/10}.lb-media-attachment :where(.lb-attachment-preview){border-radius:inherit;position:absolute;inset:0}.lb-media-attachment :where(.lb-attachment-details){padding:calc(.75*var(--lb-spacing));text-shadow:0 0 2px #0006;opacity:0;background:linear-gradient(#0000,#000c);border-end-end-radius:inherit;border-end-start-radius:inherit;transition-property:opacity;position:absolute;inset-block-end:0;inset-inline:0}.lb-media-attachment :where(.lb-attachment-name){color:#fff}.lb-media-attachment :where(.lb-attachment-description){color:#fffc}.lb-media-attachment:where(:not([tabindex="-1"])):where(:hover,:focus-visible,:focus-within) :where(.lb-attachment-details){opacity:1}.lb-attachment:where([data-error]) :where(.lb-attachment-preview){background:var(--lb-destructive);color:var(--lb-destructive-foreground)}.lb-inbox-notification{--lb-inbox-notification-aside-size:36px;gap:calc(.75*var(--lb-spacing));padding:var(--lb-spacing);background:var(--lb-dynamic-background);color:var(--lb-foreground);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:400;transition-property:background;display:flex;position:relative;overflow:hidden}.lb-inbox-notification:where([data-missing]){--lb-dynamic-background:var(--lb-background-accent-faint);--lb-accent:var(--lb-destructive)!important;--lb-accent-foreground:var(--lb-destructive-foreground)!important;--lb-accent-contrast:var(--lb-destructive-contrast)!important}.lb-inbox-notification:where([data-unread]){--lb-dynamic-background:var(--lb-background-accent-faint)}.lb-inbox-notification:where([href]){cursor:pointer}.lb-inbox-notification:where([href]):where(:hover,:focus-visible,:focus-within){--lb-dynamic-background:var(--lb-background-foreground-faint)}.lb-inbox-notification:where([href]):where([data-unread]):where(:hover,:focus-visible,:focus-within){--lb-dynamic-background:var(--lb-background-accent-subtle)}.lb-inbox-notification-aside{inline-size:var(--lb-inbox-notification-aside-size);flex:none}.lb-inbox-notification-icon{aspect-ratio:1;background:var(--lb-foreground-subtle);border-radius:50%;justify-content:center;place-items:center;display:flex}.lb-inbox-notification:where([data-missing]) :where(.lb-inbox-notification-icon){background:var(--lb-accent-subtle);color:var(--lb-accent)}.lb-inbox-notification-content{flex:1}.lb-inbox-notification-content,.lb-inbox-notification-body{min-inline-size:0;max-inline-size:100%}.lb-inbox-notification-header{gap:calc(.75*var(--lb-spacing));align-items:center;margin-block-start:calc(.25*var(--lb-spacing));margin-block-end:calc(.5*var(--lb-spacing));display:flex}.lb-inbox-notification-title{min-block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size))}:where(.lb-inbox-notification:not([data-inspector])) .lb-inbox-notification-title:first-letter{text-transform:capitalize}.lb-inbox-notification-title :where(strong,.lb-list,.lb-name){font-weight:500}.lb-inbox-notification-details{min-inline-size:0;block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));flex:none;align-self:start;margin-inline-start:auto}.lb-inbox-notification-details-labels{align-items:baseline;min-inline-size:0;display:flex}.lb-inbox-notification-details-labels:before{content:""}.lb-inbox-notification-actions{gap:calc(.125*var(--lb-spacing));grid-area:actions;align-self:start;display:flex}.lb-inbox-notification-comments{gap:var(--lb-spacing);flex-direction:column;display:flex}.lb-inbox-notification-comment{background:0 0;padding:0}.lb-inbox-notification-comment :where(.lb-comment-header){block-size:auto;color:var(--lb-foreground-tertiary);font-size:.875rem}.lb-inbox-notification-comment :where(.lb-comment-reaction),.lb-inbox-notification-comment :where(.lb-comment-attachment){pointer-events:none}.lb-inbox-notification-date{color:var(--lb-foreground-tertiary);font-size:.875em}.lb-inbox-notification-unread-indicator{block-size:10px;inline-size:10px;background:var(--lb-accent);border-radius:50%;align-self:center;margin-inline-start:calc(.5*var(--lb-spacing))}.lb-history-version-summary{gap:calc(.25*var(--lb-spacing));inline-size:100%;min-inline-size:0;padding:var(--lb-spacing);background:var(--lb-dynamic-background);flex-direction:column;justify-content:center;transition-property:background;display:flex;position:relative}.lb-history-version-summary:where(:hover,:focus-visible,:focus-within,[data-selected]:not([data-selected=false])){--lb-dynamic-background:var(--lb-background-foreground-faint)}.lb-history-version-summary-date,.lb-history-version-summary-authors{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;overflow:hidden}.lb-history-version-summary-date:first-letter,.lb-history-version-summary-authors:first-letter{text-transform:capitalize}.lb-history-version-summary-date{color:var(--lb-foreground-secondary);font-weight:500}.lb-history-version-summary-authors{color:var(--lb-foreground-tertiary)}.lb-history-version-preview{background:var(--lb-dynamic-background);flex-direction:column;display:flex;position:relative;overflow-y:auto}.lb-history-version-preview-content{padding:var(--lb-spacing);flex:1 0 auto}.lb-history-version-preview-footer{gap:var(--lb-spacing);padding:var(--lb-spacing);border-block-start:1px solid var(--lb-foreground-subtle);background:var(--lb-dynamic-background);flex:none;align-items:center;margin-block-start:auto;display:flex;position:sticky;inset-block-end:0}.lb-history-version-preview-authors{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;color:var(--lb-foreground-tertiary);flex:auto;overflow:hidden}.lb-history-version-preview-actions{gap:calc(.35*var(--lb-spacing));flex:none;align-items:center;margin-inline-start:auto;display:flex}.lb-inbox-notification-list,.lb-history-version-summary-list{margin:0;padding:0;list-style:none}.lb-inbox-notification-list-item:where(:not(:last-of-type)),.lb-history-version-summary-list-item:where(:not(:last-of-type)){border-block-end:1px solid var(--lb-foreground-subtle)}.lb-root :where(code:not(pre>code)){border-radius:calc(.75*var(--lb-radius));background:var(--lb-foreground-subtle);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.2em .4em;font-size:85%;line-height:1}.lb-root :where(span:has(code)+span code){border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:0}.lb-root :where(span:has(code):has(+span code) code){border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:0}:where(.lb-root code){font-family:ui-monospace,Menlo,Monaco,Roboto Mono,Cascadia Code,Source Code Pro,Consolas,DejaVu Sans Mono,monospace}.lb-elevation{--lb-dynamic-background:var(--lb-background);border-radius:var(--lb-radius);background:var(--lb-dynamic-background);box-shadow:var(--lb-elevation-shadow);position:relative;overflow:hidden}.lb-elevation:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--lb-inset-shadow);pointer-events:none;position:absolute;inset:0}.lb-elevation:where(.lb-elevation-moderate){box-shadow:var(--lb-elevation-shadow-moderate)}.lb-dropdown,.lb-composer-suggestions{padding:4px;overflow-y:auto}.lb-dropdown:where([data-hidden]),.lb-composer-suggestions:where([data-hidden]){opacity:0}.lb-dropdown-item,.lb-composer-suggestions-list-item{padding:calc(.25*var(--lb-spacing))calc(.5*var(--lb-spacing));align-items:center;font-size:.875rem;display:flex}.lb-dropdown-item,.lb-composer-suggestions-list-item,.lb-emoji-picker-emoji{border-radius:calc(var(--lb-radius) - .75*4px);color:var(--lb-foreground-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition-property:background,color,opacity}:is(.lb-dropdown-item,.lb-composer-suggestions-list-item,.lb-emoji-picker-emoji):where([data-highlighted]:not([data-highlighted=false]),[data-selected]:not([data-selected=false]),[data-active]:not([data-active=false])){background:var(--lb-foreground-subtle);transition-duration:calc(var(--lb-transition-duration)/2)}:is(.lb-dropdown-item,.lb-composer-suggestions-list-item,.lb-emoji-picker-emoji):where(:disabled,[data-disabled]:not([data-disabled=false])){opacity:.5;cursor:not-allowed}.lb-dropdown,.lb-composer-suggestions,.lb-composer-floating-toolbar,.lb-tooltip,.lb-emoji-picker{animation-duration:var(--lb-transition-duration);animation-timing-function:var(--lb-transition-easing);will-change:transform,opacity}:is(.lb-dropdown,.lb-emoji-picker,.lb-tooltip:where([data-state=delayed-open]),.lb-composer-suggestions,.lb-composer-floating-toolbar):where([data-side=top]){animation-name:lb-animation-slide-up}:is(.lb-dropdown,.lb-emoji-picker,.lb-tooltip:where([data-state=delayed-open]),.lb-composer-suggestions,.lb-composer-floating-toolbar):where([data-side=bottom]){animation-name:lb-animation-slide-down}:is(.lb-dropdown,.lb-emoji-picker,.lb-tooltip,.lb-composer-suggestions,.lb-composer-floating-toolbar):where([data-state=closed]){animation-name:lb-animation-disappear}.lb-composer-suggestions-list{margin:0;padding:0;list-style:none}.lb-composer-suggestions-list-item{scroll-margin-block:4px}.lb-composer-mention-suggestions{--lb-composer-mention-suggestion-avatar-size:1.25rem}.lb-composer-mention-suggestion{padding-inline-start:calc(.5*var(--lb-spacing));padding-inline-end:calc(.625*var(--lb-spacing));padding-block:calc(.25*var(--lb-spacing))}.lb-composer-mention-suggestion-avatar{inline-size:var(--lb-composer-mention-suggestion-avatar-size);block-size:var(--lb-composer-mention-suggestion-avatar-size);margin-inline-start:calc(-.125*var(--lb-spacing));margin-inline-end:calc(.5*var(--lb-spacing));margin-block:calc(.125*var(--lb-spacing));justify-content:center;align-items:center;display:flex}.lb-composer-mention-suggestion-avatar:where(.lb-avatar){background:var(--lb-foreground-subtle);color:var(--lb-foreground-moderate)}.lb-composer-mention-suggestion-avatar :where(.lb-icon){color:var(--lb-foreground-moderate)}.lb-composer-mention-suggestion-group-description{color:var(--lb-foreground-tertiary);align-self:baseline;margin-inline-start:calc(.625*var(--lb-spacing));font-size:.875em}.lb-code-block{border:1px solid var(--lb-foreground-subtle);border-radius:var(--lb-radius);isolation:isolate;min-inline-size:0;position:relative}.lb-code-block :where(.lb-code-block-header){padding:calc(.5*var(--lb-spacing));align-items:center;display:flex}.lb-code-block :where(.lb-code-block-title){color:var(--lb-foreground-tertiary);text-transform:uppercase;margin-inline-start:calc(.5*var(--lb-spacing));font-size:.675em;font-weight:600}.lb-code-block :where(.lb-code-block-header-actions){margin-inline-start:auto}.lb-code-block :where(.lb-code-block-content){min-inline-size:0;padding:0 var(--lb-spacing)calc(.875*var(--lb-spacing));font-size:85%;line-height:var(--lb-line-height);margin:0;overflow-x:auto}.lb-ai-composer{inline-size:100%;color:var(--lb-foreground);position:relative}.lb-ai-composer-form:where(:has(.lb-ai-composer-editor:not(:focus-visible))) :where(.lb-button[data-variant=primary]){--lb-button-background:var(--lb-foreground-subtle);color:var(--lb-foreground-tertiary)}.lb-ai-composer-form:where(:has(.lb-ai-composer-editor:not(:focus-visible))) :where(.lb-button[data-variant=primary]):where(:enabled:hover,:enabled:focus-visible){--lb-button-background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-ai-composer-editor{max-block-size:15rem;padding:var(--lb-spacing)var(--lb-spacing)0;color:var(--lb-foreground-secondary);resize:none;outline:none;overflow-y:auto}.lb-ai-composer-editor,.lb-ai-composer-editor *{line-height:var(--lb-line-height)}.lb-ai-composer-editor :where(p){--lb-line-height-crop:calc(1lh - 1em)/-2;margin-block:.25em}.lb-ai-composer-editor :where(p):where(:first-of-type){margin-block-start:calc(.125em + var(--lb-line-height-crop))}.lb-ai-composer-editor :where(p):where(:last-of-type){margin-block-end:calc(.125em + var(--lb-line-height-crop))}.lb-ai-composer-editor:where([data-disabled]:not([data-disabled=false])){opacity:.5;cursor:not-allowed}.lb-ai-composer-editor :where([data-placeholder]){color:var(--lb-foreground-moderate)}.lb-ai-composer-footer{gap:calc(.75*var(--lb-spacing));padding:var(--lb-spacing);align-items:center;margin-block-start:calc(-.125*var(--lb-spacing));display:flex}.lb-ai-composer-actions,.lb-ai-composer-editor-actions{gap:calc(.125*var(--lb-spacing));align-items:center;display:flex}.lb-ai-composer-editor-actions{margin-inline-end:auto}.lb-ai-chat-message{gap:var(--lb-spacing);color:var(--lb-foreground);flex-direction:column;scroll-margin-block-start:calc(1.5*var(--lb-spacing));display:flex}.lb-ai-chat-user-message :where(.lb-ai-chat-message-content){--lb-dynamic-background:var(--lb-background-foreground-faint);--lb-ai-chat-message-content-horizontal-padding:calc(.9375*var(--lb-spacing));--lb-ai-chat-message-content-vertical-padding:calc(.5625*var(--lb-spacing));min-block-size:calc(1lh + 2*var(--lb-ai-chat-message-content-vertical-padding));padding:var(--lb-ai-chat-message-content-vertical-padding)var(--lb-ai-chat-message-content-horizontal-padding);border-radius:calc((1lh + 2*var(--lb-ai-chat-message-content-vertical-padding))/2);background:var(--lb-dynamic-background);color:var(--lb-foreground);line-height:var(--lb-line-height)}.lb-ai-chat-user-message :where(.lb-ai-chat-message-content):where(:has(h1,h2,h3,h4,h5,h6,ul,ol,blockquote,table,.lb-code-block)){--lb-ai-chat-message-content-horizontal-padding:calc(1.375*var(--lb-spacing));--lb-ai-chat-message-content-vertical-padding:calc(1.125*var(--lb-spacing))}.lb-ai-chat-user-message :where(.lb-ai-chat-message-content) :where(.lb-code-block){--lb-dynamic-background:var(--lb-background-foreground-subtle);background:var(--lb-dynamic-background);border:none}.lb-ai-chat-message-deleted{inline-size:100%;color:var(--lb-foreground-moderate);text-wrap:pretty;align-items:center;font-size:.875em;position:relative}.lb-ai-chat-message-error{gap:calc(.5*var(--lb-spacing));inline-size:100%;color:var(--lb-destructive);font-size:.875em;line-height:var(--lb-line-height);text-wrap:pretty;word-break:break-word;align-items:flex-start;display:flex}.lb-ai-chat-message-error :where(.lb-icon-container){block-size:1lh;color:var(--lb-destructive-secondary)}.lb-ai-chat-message-error :where(code:not(pre>code)){background:var(--lb-destructive-subtle)}.lb-ai-chat-message-content{white-space:break-spaces;inline-size:100%}.lb-ai-chat-message-content:where(:empty){display:contents}.lb-ai-chat-message-content>:where(.lb-ai-chat-message-text),.lb-ai-chat-message-content>:where(.lb-ai-chat-message-tool-invocation){margin-block:var(--lb-spacing)}.lb-ai-chat-message-content>:where(:first-child){margin-block-start:0}.lb-ai-chat-message-content>:where(:last-child){margin-block-end:0}.lb-ai-chat-messages{gap:calc(1.5*var(--lb-spacing));inline-size:100%;max-inline-size:min(calc(var(--lb-ai-chat-container-width) - var(--lb-spacing)),calc(100% - 3*var(--lb-spacing)));flex-direction:column;margin-inline:auto;padding-block-start:calc(1.5*var(--lb-spacing));padding-block-end:calc(3*var(--lb-spacing));display:flex}.lb-ai-chat-messages :where(.lb-ai-chat-user-message){max-inline-size:80%;margin-inline-start:auto}.lb-ai-chat-footer{gap:calc(.75*var(--lb-spacing));flex-direction:column;inline-size:100%;display:flex;position:relative}.lb-ai-chat{--lb-ai-chat-container-width:100%;background:var(--lb-background);isolation:isolate;flex-direction:column;block-size:100%;inline-size:100%;display:flex;overflow-y:auto}.lb-ai-chat :where(.lb-ai-chat-footer){z-index:1;margin-block-start:auto;position:sticky;inset-block-end:0}.lb-ai-chat :where(.lb-ai-chat-composer){margin-inline:auto}.lb-ai-chat:where(.lb-ai-chat\:layout-compact) :where(.lb-ai-chat-footer){background:var(--lb-dynamic-background)}.lb-ai-chat:where(.lb-ai-chat\:layout-compact) :where(.lb-ai-chat-footer):after{content:"";border-block-start:1px solid var(--lb-foreground-subtle);pointer-events:none;position:absolute;inset:0}.lb-ai-chat:where(.lb-ai-chat\:layout-compact) :where(.lb-ai-chat-composer){max-inline-size:min(100%,calc(var(--lb-ai-chat-container-width) + var(--lb-spacing)))}.lb-ai-chat:where(.lb-ai-chat\:layout-inset) :where(.lb-ai-chat-footer){padding:var(--lb-spacing);padding-block-start:0}.lb-ai-chat:where(.lb-ai-chat\:layout-inset) :where(.lb-ai-chat-footer):before{content:"";background:linear-gradient(to bottom,transparent 0%,var(--lb-background)calc(3.5*var(--lb-spacing)));pointer-events:none;position:absolute;inset:0;inset-block-start:calc(-3*var(--lb-spacing))}.lb-ai-chat:where(.lb-ai-chat\:layout-inset) :where(.lb-ai-chat-composer){max-inline-size:var(--lb-ai-chat-container-width);border-radius:calc(2*var(--lb-radius))}.lb-ai-chat-content{flex:1 0 auto;position:relative}.lb-ai-chat-footer-actions{pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-start:calc(-1*var(--lb-spacing));inset-inline:0;transform:translateY(-100%)}.lb-ai-chat-scroll-indicator{color:var(--lb-foreground-moderate);opacity:0;pointer-events:none;transform-origin:bottom;border-radius:9999px;transition-property:transform,opacity,background;transform:scale(.8)}.lb-ai-chat-scroll-indicator:where([data-visible]){opacity:1;pointer-events:all;transform:scale(1)}.lb-ai-chat-scroll-indicator-button{all:unset;box-sizing:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition-timing-function:var(--lb-transition-easing);transition-duration:var(--lb-transition-duration);-webkit-tap-highlight-color:transparent;padding:calc(.375*var(--lb-spacing));color:var(--lb-foreground-moderate);border-radius:9999px;outline:none;transition-property:opacity,color;position:relative}.lb-ai-chat-scroll-indicator-button:where(:hover,:focus-visible){color:var(--lb-foreground-secondary)}.lb-ai-chat-scroll-indicator-button:after{content:"";border-radius:inherit;pointer-events:none;transition-property:box-shadow;position:absolute;inset:0}.lb-ai-chat-scroll-indicator-button:where(:focus-visible):after{box-shadow:inset var(--lb-accent)0 0 0 2px}.lb-ai-chat-pending{-webkit-user-select:none;user-select:none;animation:2s cubic-bezier(.1,0,.9,1) infinite lb-animation-shimmer-text}.lb-ai-chat-message-thinking,.lb-ai-chat-message-retrieval,.lb-ai-chat-message-reasoning{margin-block-end:calc(.75*var(--lb-spacing))}.lb-ai-chat-message-thinking,.lb-ai-chat-message-retrieval{inline-size:fit-content;max-inline-size:100%;color:var(--lb-foreground-tertiary);transition-property:color}.lb-ai-chat-message-thinking:where(.lb-ai-chat-pending),.lb-ai-chat-message-retrieval:where(.lb-ai-chat-pending){color:var(--lb-foreground)}.lb-ai-chat-message-reasoning{position:relative}.lb-ai-chat-message-reasoning:after{content:"";inset:calc(-.375*var(--lb-spacing));border-radius:calc(.75*var(--lb-radius));pointer-events:none;transition-property:box-shadow;position:absolute}.lb-ai-chat-message-reasoning:where(:has(.lb-collapsible-trigger:focus-visible)){z-index:1}.lb-ai-chat-message-reasoning:where(:has(.lb-collapsible-trigger:focus-visible)):after{box-shadow:var(--lb-dynamic-background)0 0 0 2px,var(--lb-accent)0 0 0 4px}.lb-ai-chat-message-reasoning :where(.lb-collapsible-trigger){gap:calc(.25*var(--lb-spacing));color:var(--lb-foreground-tertiary);align-items:center;transition-property:color;display:flex}.lb-ai-chat-message-reasoning :where(.lb-collapsible-trigger):where(.lb-ai-chat-pending){color:var(--lb-foreground)}.lb-ai-chat-message-reasoning :where(.lb-collapsible-content){gap:calc(.5*var(--lb-spacing));line-height:var(--lb-line-height);flex-direction:column;display:flex}:where(.lb-ai-chat-message-reasoning :where(.lb-collapsible-content)>:first-child){margin-block-start:calc(.5*var(--lb-spacing))}.lb-ai-chat-message-reasoning :where(.lb-prose){color:var(--lb-foreground);opacity:.75;font-size:.875em}.lb-ai-chat-message-retrieval-query{font-weight:500}.lb-ai-chat-message-retrieval-query:before{content:"“"}.lb-ai-chat-message-retrieval-query:after{content:"”"}.lb-ai-tool{position:relative}.lb-ai-tool:after{content:"";border-radius:inherit;pointer-events:none;transition-property:box-shadow;position:absolute;inset:0}.lb-ai-tool:where(:has(.lb-ai-tool-header:focus-visible)){z-index:1}.lb-ai-tool:where(:has(.lb-ai-tool-header:focus-visible)):after{box-shadow:var(--lb-dynamic-background)0 0 0 2px,var(--lb-accent)0 0 0 4px}.lb-ai-tool-header{gap:calc(.25*var(--lb-spacing));align-items:center;inline-size:100%;display:flex}.lb-ai-tool-header-icon-container,.lb-ai-tool-icon{inline-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));flex:none;justify-content:center;align-items:center;display:flex}.lb-ai-tool-header-icon-container{color:var(--lb-foreground-moderate)}.lb-ai-tool-header-icon-container:where(:has(.lb-ai-tool-icon)){margin-inline-end:calc(.25*var(--lb-spacing))}.lb-ai-tool-icon{border-radius:calc(.75*var(--lb-radius));background:var(--lb-foreground-subtle);font-size:.875em}.lb-ai-tool-header-title{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:auto;user-select:auto;overflow:hidden}.lb-ai-tool-header-status{color:var(--lb-foreground-moderate);flex:none}.lb-ai-tool:where(.lb-ai-tool\:variant-block){border-radius:var(--lb-radius);box-shadow:inset 0 0 0 1px var(--lb-foreground-subtle)}.lb-ai-tool:where(.lb-ai-tool\:variant-block) :where(.lb-ai-tool-header){block-size:calc(calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)) + var(--lb-spacing));padding-inline:calc(.5*var(--lb-spacing));color:var(--lb-foreground-secondary)}.lb-ai-tool:where(.lb-ai-tool\:variant-block) :where(.lb-ai-tool-header-title){font-size:.9375em}.lb-ai-tool:where(.lb-ai-tool\:variant-block) :where(.lb-ai-tool-header-title):where(:first-child){margin-inline-start:calc(.3125*var(--lb-spacing))}.lb-ai-tool:where(.lb-ai-tool\:variant-block) :where(.lb-ai-tool-header-status){margin-inline-start:auto;margin-inline-end:calc(.1875*var(--lb-spacing))}.lb-ai-tool:where(.lb-ai-tool\:variant-block) :where(.lb-ai-tool-content:not(:empty)){padding:0 calc(.75*var(--lb-spacing))calc(.75*var(--lb-spacing))}.lb-ai-tool:where(.lb-ai-tool\:variant-block):where([data-result=error]){box-shadow:inset 0 0 0 1px var(--lb-destructive-moderate)}.lb-ai-tool:where(.lb-ai-tool\:variant-minimal):after{inset:calc(-.375*var(--lb-spacing));border-radius:calc(.75*var(--lb-radius))}.lb-ai-tool:where(.lb-ai-tool\:variant-minimal) :where(.lb-ai-tool-header){inline-size:fit-content;max-inline-size:100%;block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));color:var(--lb-foreground-tertiary);transition-property:color;position:relative}.lb-ai-tool:where(.lb-ai-tool\:variant-minimal) :where(.lb-ai-tool-header):where(.lb-ai-chat-pending),.lb-ai-tool:where(.lb-ai-tool\:variant-minimal) :where(.lb-ai-tool-header) :where(.lb-ai-chat-pending){color:var(--lb-foreground)}.lb-ai-tool:where(.lb-ai-tool\:variant-minimal) :where(.lb-ai-tool-header):before{content:"";inset:calc(-.375*var(--lb-spacing));z-index:-1;position:absolute}.lb-ai-tool:where(.lb-ai-tool\:variant-minimal) :where(.lb-ai-tool-header-icon-container){margin-inline-start:calc(-.125*var(--lb-spacing))}.lb-ai-tool:where(.lb-ai-tool\:variant-minimal) :where(.lb-ai-tool-header-title):where(:not(:first-child)){margin-inline-start:calc(-.0625*var(--lb-spacing))}.lb-ai-tool:where(.lb-ai-tool\:variant-minimal) :where(.lb-ai-tool-content:not(:empty)){padding-block-start:calc(.5*var(--lb-spacing))}.lb-ai-tool:where(.lb-ai-tool\:variant-minimal):where([data-result=cancelled]) :where(.lb-ai-tool-header){color:var(--lb-foreground-moderate)}.lb-ai-tool:where([data-result=error]):where(:has(.lb-ai-tool-header:focus-visible)):after{box-shadow:var(--lb-dynamic-background)0 0 0 2px,var(--lb-destructive)0 0 0 4px}.lb-ai-tool:where([data-result=error]) :where(.lb-ai-tool-header),.lb-ai-tool:where([data-result=error]) :where(.lb-ai-tool-header-status){color:var(--lb-destructive)}.lb-ai-tool:where([data-result=error]) :where(.lb-ai-tool-icon){background:var(--lb-destructive-subtle)}.lb-ai-tool:where([data-result=error]) :where(.lb-ai-tool-header-icon-container){color:var(--lb-destructive-secondary)}.lb-ai-tool-inspector{gap:calc(.75*var(--lb-spacing));flex-direction:column;display:flex}.lb-ai-tool-confirmation-footer{align-items:center;margin-block-start:calc(.75*var(--lb-spacing));display:flex}.lb-ai-tool-confirmation-actions{gap:calc(.75*var(--lb-spacing));justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}@keyframes lb-animation-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-animation-slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-animation-appear{0%{opacity:0}to{opacity:1}}@keyframes lb-animation-disappear{0%{opacity:1}to{opacity:0}}@keyframes lb-animation-shimmer-skeleton{0%,to{-webkit-mask-image:linear-gradient(90deg,#00000080,#000,#000,#00000080);mask-image:linear-gradient(90deg,#00000080,#000,#000,#00000080);-webkit-mask-size:400% 100%;mask-size:400% 100%}0%{-webkit-mask-position:200% 0;mask-position:200% 0}to{-webkit-mask-position:-200% 0;mask-position:-200% 0}}@keyframes lb-animation-shimmer-text{0%,to{-webkit-mask-image:linear-gradient(90deg,#000000bf 36%,#0003 48% 52%,#000000bf 64%);mask-image:linear-gradient(90deg,#000000bf 36%,#0003 48% 52%,#000000bf 64%);-webkit-mask-size:300% 100%;mask-size:300% 100%}0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes lb-animation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (hover:hover){.lb-comment:where(.lb-comment\:show-actions-hover) :where(.lb-comment-actions){opacity:0;transition-property:opacity;position:absolute;inset-inline-end:0}.lb-comment:where(.lb-comment\:show-actions-hover):where(:is(:hover,:focus-within,.lb-comment\:action-open)) :where(.lb-comment-actions){opacity:1;position:relative}.lb-thread:where(.lb-thread\:show-actions-hover :is(:hover,:focus-within)) :where(.lb-thread-actions){opacity:1}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-header){grid-template:"title secondary"/1fr max-content;display:grid}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-details){opacity:1;transition-property:opacity}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-actions){opacity:0;transition-property:opacity}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover):where(:is(:hover,:focus-within,.lb-inbox-notification\:action-open)) :where(.lb-inbox-notification-details){opacity:0}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover):where(:is(:hover,:focus-within,.lb-inbox-notification\:action-open)) :where(.lb-inbox-notification-actions){opacity:1}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-details),.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-actions){grid-area:secondary;justify-self:end}}@media (prefers-reduced-motion:no-preference){@supports (interpolate-size:allow-keywords){.lb-collapsible-content{opacity:0;block-size:0;transition-duration:calc(3*var(--lb-transition-duration));interpolate-size:allow-keywords;transition-behavior:allow-discrete;transition-property:block-size,opacity,content-visibility;overflow-y:clip}.lb-collapsible-content:where([data-state=open]){opacity:1;block-size:auto;overflow-y:auto}}.lb-collapsible-chevron{transition-property:transform}.lb-collapsible:where([data-state=open]) :where(.lb-collapsible-chevron){transform:rotate(90deg)}}@media (prefers-reduced-motion){.lb-dropdown:where(:not([data-state=closed])),.lb-emoji-picker:where(:not([data-state=closed])),.lb-tooltip:where([data-state=delayed-open]:not([data-state=closed])),.lb-composer-suggestions:where(:not([data-state=closed])){animation-name:lb-animation-appear}}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/@liveblocks/react-ui/styles/dark/attributes.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes lb-animation-shimmer-text-invert{0%,to{-webkit-mask-image:linear-gradient(90deg,#00000080 36%,#000000f2 48% 52%,#00000080 64%);mask-image:linear-gradient(90deg,#00000080 36%,#000000f2 48% 52%,#00000080 64%);-webkit-mask-size:300% 100%;mask-size:300% 100%}0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.lb-root:where(:is(.dark,[data-theme=dark],[data-dark])),:is(.dark,[data-theme=dark],[data-dark]) :where(.lb-root){--lb-accent:#4af;--lb-destructive:#f77;--lb-background:#222;--lb-foreground:#fff;--lb-accent-contrast:16%;--lb-destructive-contrast:16%;--lb-foreground-contrast:10%;--lb-inset-shadow:inset 0 0 0 1px #ffffff0f;--lb-highlight-shadow:inset 0 0 0 1px #ffffff1f;--lb-elevation-shadow:0 0 0 1px #0000000a,0 2px 6px #00000014,0 8px 26px #0000001f;--lb-elevation-shadow-moderate:0 0 0 1px #0000000a,0 2px 6px #0000000d,0 8px 26px #0000000f;--lb-tooltip-shadow:0 2px 4px #00000014,0 4px 12px #0000001f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.lb-root:where(:is(.dark,[data-theme=dark],[data-dark])):where(.lb-elevation,.lb-tooltip),:is(.dark,[data-theme=dark],[data-dark]) :where(.lb-root):where(.lb-elevation,.lb-tooltip){--lb-background:#333;--lb-foreground-contrast:10%}.lb-root:where(:is(.dark,[data-theme=dark],[data-dark])):where(.lb-elevation-moderate),:is(.dark,[data-theme=dark],[data-dark]) :where(.lb-root):where(.lb-elevation-moderate){--lb-background:#2a2a2a;--lb-foreground-contrast:10%}.lb-root:where(:is(.dark,[data-theme=dark],[data-dark])) .lb-ai-chat-pending,:is(.dark,[data-theme=dark],[data-dark]) :where(.lb-root) .lb-ai-chat-pending{animation-name:lb-animation-shimmer-text-invert}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-orange-950: oklch(26.6% 0.079 36.259);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-green-950: oklch(26.6% 0.065 152.934);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-teal-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-teal-300: oklch(85.5% 0.138 181.071);
    --color-teal-400: oklch(77.7% 0.152 181.912);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-teal-800: oklch(43.7% 0.078 188.216);
    --color-teal-900: oklch(38.6% 0.063 188.416);
    --color-teal-950: oklch(27.7% 0.046 192.524);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-cyan-950: oklch(30.2% 0.056 229.695);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-300: oklch(81.1% 0.111 293.571);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-violet-900: oklch(38% 0.189 293.745);
    --color-violet-950: oklch(28.3% 0.141 291.089);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-purple-950: oklch(29.1% 0.149 302.717);
    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
    --color-pink-50: oklch(97.1% 0.014 343.198);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-300: oklch(82.3% 0.12 346.018);
    --color-pink-400: oklch(71.8% 0.202 349.761);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-pink-800: oklch(45.9% 0.187 3.815);
    --color-pink-900: oklch(40.8% 0.153 2.432);
    --color-pink-950: oklch(28.4% 0.109 3.907);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-100: oklch(97% 0.001 106.424);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-stone-950: oklch(14.7% 0.004 49.25);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --animate-accordion-open: accordionOpen 150ms cubic-bezier(0.87, 0, 0.13, 1);
    --animate-accordion-close: accordionClose 150ms cubic-bezier(0.87, 0, 0.13, 1);
    --animate-hide: hide 150ms cubic-bezier(0.16, 1, 0.3, 1);
    --animate-slide-down-and-fade: slideDownAndFade 150ms
    cubic-bezier(0.16, 1, 0.3, 1);
    --animate-slide-left-and-fade: slideLeftAndFade 150ms
    cubic-bezier(0.16, 1, 0.3, 1);
    --animate-slide-up-and-fade: slideUpAndFade 150ms
    cubic-bezier(0.16, 1, 0.3, 1);
    --animate-slide-right-and-fade: slideRightAndFade 150ms
    cubic-bezier(0.16, 1, 0.3, 1);
    --animate-drawer-slide-left-and-fade: drawerSlideLeftAndFade 150ms
    cubic-bezier(0.16, 1, 0.3, 1);
    --animate-drawer-slide-right-and-fade: drawerSlideRightAndFade 150ms ease-in;
    --animate-dialog-overlay-show: dialogOverlayShow 150ms
    cubic-bezier(0.16, 1, 0.3, 1);
    --animate-dialog-content-show: dialogContentShow 150ms
    cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-1 {
    inset: calc(var(--spacing) * -1);
  }
  .-inset-1\.5 {
    inset: calc(var(--spacing) * -1.5);
  }
  .-inset-2 {
    inset: calc(var(--spacing) * -2);
  }
  .-inset-3 {
    inset: calc(var(--spacing) * -3);
  }
  .-inset-4 {
    inset: calc(var(--spacing) * -4);
  }
  .-inset-8 {
    inset: calc(var(--spacing) * -8);
  }
  .-inset-\[2px\] {
    inset: calc(2px * -1);
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-\[-50\%\] {
    inset: -50%;
  }
  .inset-\[-60\%\] {
    inset: -60%;
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-1 {
    inset-inline: calc(var(--spacing) * 1);
  }
  .inset-x-1\/2 {
    inset-inline: calc(1/2 * 100%);
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2);
  }
  .inset-y-7 {
    inset-block: calc(var(--spacing) * 7);
  }
  .\!-top-\[5px\] {
    top: calc(5px * -1) !important;
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .-top-16 {
    top: calc(var(--spacing) * -16);
  }
  .-top-24 {
    top: calc(var(--spacing) * -24);
  }
  .-top-\[10\%\] {
    top: calc(10% * -1);
  }
  .-top-\[14px\] {
    top: calc(14px * -1);
  }
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-1\/4 {
    top: calc(1/4 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-25 {
    top: calc(var(--spacing) * 25);
  }
  .top-60 {
    top: calc(var(--spacing) * 60);
  }
  .top-\[-22px\] {
    top: -22px;
  }
  .top-\[4\.5rem\] {
    top: 4.5rem;
  }
  .top-\[18\%\] {
    top: 18%;
  }
  .top-\[30\%\] {
    top: 30%;
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-\[92px\] {
    top: 92px;
  }
  .top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }
  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }
  .top-\[calc\(var\(--global-nav-height\)\+16px\)\] {
    top: calc(var(--global-nav-height) + 16px);
  }
  .top-\[var\(--global-nav-height\)\] {
    top: var(--global-nav-height);
  }
  .top-full {
    top: 100%;
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }
  .-right-12 {
    right: calc(var(--spacing) * -12);
  }
  .-right-16 {
    right: calc(var(--spacing) * -16);
  }
  .-right-24 {
    right: calc(var(--spacing) * -24);
  }
  .-right-\[10\%\] {
    right: calc(10% * -1);
  }
  .-right-\[12\%\] {
    right: calc(12% * -1);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\/4 {
    right: calc(1/4 * 100%);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-px {
    right: 1px;
  }
  .\!-bottom-\[5px\] {
    bottom: calc(5px * -1) !important;
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }
  .-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }
  .-bottom-\[5px\] {
    bottom: calc(5px * -1);
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-0\.5 {
    bottom: calc(var(--spacing) * 0.5);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-1\/4 {
    bottom: calc(1/4 * 100%);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }
  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-32 {
    bottom: calc(var(--spacing) * 32);
  }
  .bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)\+1rem\)\] {
    bottom: calc(env(safe-area-inset-bottom,0px) + 1rem);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .-left-6 {
    left: calc(var(--spacing) * -6);
  }
  .-left-12 {
    left: calc(var(--spacing) * -12);
  }
  .-left-\[13px\] {
    left: calc(13px * -1);
  }
  .-left-\[15\%\] {
    left: calc(15% * -1);
  }
  .-left-\[19px\] {
    left: calc(19px * -1);
  }
  .-left-\[20\%\] {
    left: calc(20% * -1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-1\/3 {
    left: calc(1/3 * 100%);
  }
  .left-1\/4 {
    left: calc(1/4 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-20 {
    left: calc(var(--spacing) * 20);
  }
  .left-\[7px\] {
    left: 7px;
  }
  .left-\[10px\] {
    left: 10px;
  }
  .left-\[18px\] {
    left: 18px;
  }
  .left-\[19px\] {
    left: 19px;
  }
  .left-\[calc\(50\%-100px\)\] {
    left: calc(50% - 100px);
  }
  .left-px {
    left: 1px;
  }
  .isolate {
    isolation: isolate;
  }
  .isolation-auto {
    isolation: auto;
  }
  .\!z-\[200\] {
    z-index: 200 !important;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-999 {
    z-index: 999;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[4\] {
    z-index: 4;
  }
  .z-\[39\] {
    z-index: 39;
  }
  .z-\[45\] {
    z-index: 45;
  }
  .z-\[50\] {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[81\] {
    z-index: 81;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .z-\[99\] {
    z-index: 99;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[110\] {
    z-index: 110;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[210\] {
    z-index: 210;
  }
  .z-\[220\] {
    z-index: 220;
  }
  .z-\[300\] {
    z-index: 300;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[9998\] {
    z-index: 9998;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .z-\[10000\] {
    z-index: 10000;
  }
  .z-\[10001\] {
    z-index: 10001;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .float-left {
    float: left;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-m-0\! {
    margin: calc(var(--spacing) * -0) !important;
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-auto {
    margin: auto;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -0.5);
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
  .-my-3 {
    margin-block: calc(var(--spacing) * -3);
  }
  .-my-6 {
    margin-block: calc(var(--spacing) * -6);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-auto {
    margin-block: auto;
  }
  .ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * 0.5);
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[7px\] {
    margin-top: 7px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-auto {
    margin-right: auto;
  }
  .\!mb-3 {
    margin-bottom: calc(var(--spacing) * 3) !important;
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .-mb-6 {
    margin-bottom: calc(var(--spacing) * -6);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }
  .ml-\[32px\] {
    margin-left: 32px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-\[17px\] {
    width: 17px;
    height: 17px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-2\.5 {
    height: calc(var(--spacing) * 2.5) !important;
  }
  .\!h-3 {
    height: calc(var(--spacing) * 3) !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-\(--radix-select-trigger-height\) {
    height: var(--radix-select-trigger-height);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[\.\.\.\] {
    height: ...;
  }
  .h-\[1\.5px\] {
    height: 1.5px;
  }
  .h-\[1em\] {
    height: 1em;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[9rem\] {
    height: 9rem;
  }
  .h-\[13px\] {
    height: 13px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20\%\] {
    height: 20%;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[60svh\] {
    height: 60svh;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[88px\] {
    height: 88px;
  }
  .h-\[90vh\] {
    height: 90vh;
  }
  .h-\[130px\] {
    height: 130px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[240px\] {
    height: 240px;
  }
  .h-\[260px\] {
    height: 260px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-\[350px\] {
    height: 350px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[650px\] {
    height: 650px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-\[740px\] {
    height: 740px;
  }
  .h-\[792px\] {
    height: 792px;
  }
  .h-\[800px\] {
    height: 800px;
  }
  .h-\[calc\(100svh-220px\)\] {
    height: calc(100svh - 220px);
  }
  .h-\[calc\(100svh-var\(--global-nav-height\,0px\)-var\(--ws-topbar-height\,0px\)-var\(--market-ticker-height\,0px\)-var\(--news-ticker-height\,0px\)\)\] {
    height: calc(100svh - var(--global-nav-height,0px) - var(--ws-topbar-height,0px) - var(--market-ticker-height,0px) - var(--news-ticker-height,0px));
  }
  .h-\[calc\(100svh-var\(--global-nav-height\,0px\)-var\(--ws-topbar-height\,0px\)-var\(--market-ticker-height\,0px\)-var\(--news-ticker-height\,0px\)-var\(--safe-area-bottom\,env\(safe-area-inset-bottom\,0px\)\)\)\] {
    height: calc(100svh - var(--global-nav-height,0px) - var(--ws-topbar-height,0px) - var(--market-ticker-height,0px) - var(--news-ticker-height,0px) - var(--safe-area-bottom,env(safe-area-inset-bottom,0px)));
  }
  .h-\[calc\(100svh-var\(--ws-topbar-height\,0px\)\)\] {
    height: calc(100svh - var(--ws-topbar-height,0px));
  }
  .h-\[calc\(100vh-var\(--global-nav-height\)\)\] {
    height: calc(100vh - var(--global-nav-height));
  }
  .h-\[calc\(100vh-var\(--global-nav-height\,56px\)\)\] {
    height: calc(100vh - var(--global-nav-height,56px));
  }
  .h-\[min\(320px\,38vh\)\] {
    height: min(320px, 38vh);
  }
  .h-\[min\(350px\,40vh\)\] {
    height: min(350px, 40vh);
  }
  .h-\[min\(380px\,42vh\)\] {
    height: min(380px, 42vh);
  }
  .h-\[min\(400px\,45vh\)\] {
    height: min(400px, 45vh);
  }
  .h-\[min\(420px\,48vh\)\] {
    height: min(420px, 48vh);
  }
  .h-\[min\(500px\,55vh\)\] {
    height: min(500px, 55vh);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .\!max-h-72 {
    max-height: calc(var(--spacing) * 72) !important;
  }
  .max-h-\(--radix-popper-available-height\) {
    max-height: var(--radix-popper-available-height);
  }
  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[4\.5rem\] {
    max-height: 4.5rem;
  }
  .max-h-\[24px\] {
    max-height: 24px;
  }
  .max-h-\[32svh\] {
    max-height: 32svh;
  }
  .max-h-\[40px\] {
    max-height: 40px;
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[42svh\] {
    max-height: 42svh;
  }
  .max-h-\[44vh\] {
    max-height: 44vh;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[56px\] {
    max-height: 56px;
  }
  .max-h-\[56vh\] {
    max-height: 56vh;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[64px\] {
    max-height: 64px;
  }
  .max-h-\[68vh\] {
    max-height: 68vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92px\] {
    max-height: 92px;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .max-h-\[100vh\] {
    max-height: 100vh;
  }
  .max-h-\[180px\] {
    max-height: 180px;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[260px\] {
    max-height: 260px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[420px\] {
    max-height: 420px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[2000px\] {
    max-height: 2000px;
  }
  .max-h-\[calc\(100vh-260px\)\] {
    max-height: calc(100vh - 260px);
  }
  .max-h-\[calc\(100vh-340px\)\] {
    max-height: calc(100vh - 340px);
  }
  .max-h-\[calc\(100vh-440px\)\] {
    max-height: calc(100vh - 440px);
  }
  .max-h-\[min\(40vh\,280px\)\] {
    max-height: min(40vh, 280px);
  }
  .max-h-\[min\(60vh\,520px\)\] {
    max-height: min(60vh, 520px);
  }
  .max-h-\[min\(70vh\,22rem\)\] {
    max-height: min(70vh, 22rem);
  }
  .max-h-\[min\(78vh\,720px\)\] {
    max-height: min(78vh, 720px);
  }
  .max-h-\[min\(380px\,calc\(100svh-200px\)\)\] {
    max-height: min(380px, calc(100svh - 200px));
  }
  .max-h-\[min\(420px\,calc\(100svh-220px\)\)\] {
    max-height: min(420px, calc(100svh - 220px));
  }
  .max-h-\[min\(440px\,calc\(100svh-200px\)\)\] {
    max-height: min(440px, calc(100svh - 200px));
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-none {
    max-height: none;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .\!min-h-0 {
    min-height: calc(var(--spacing) * 0) !important;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[40vh\] {
    min-height: 40vh;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .min-h-\[60vh\] {
    min-height: 60vh;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-\[72px\] {
    min-height: 72px;
  }
  .min-h-\[76px\] {
    min-height: 76px;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[100dvh\] {
    min-height: 100dvh;
  }
  .min-h-\[104px\] {
    min-height: 104px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[140px\] {
    min-height: 140px;
  }
  .min-h-\[160px\] {
    min-height: 160px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[260px\] {
    min-height: 260px;
  }
  .min-h-\[280px\] {
    min-height: 280px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-\[calc\(100svh-92px\)\] {
    min-height: calc(100svh - 92px);
  }
  .min-h-\[calc\(100svh-var\(--global-nav-height\,0px\)-var\(--ws-topbar-height\,0px\)-var\(--market-ticker-height\,0px\)-var\(--news-ticker-height\,0px\)\)\] {
    min-height: calc(100svh - var(--global-nav-height,0px) - var(--ws-topbar-height,0px) - var(--market-ticker-height,0px) - var(--news-ticker-height,0px));
  }
  .min-h-\[calc\(100vh-var\(--global-nav-height\)\)\] {
    min-height: calc(100vh - var(--global-nav-height));
  }
  .min-h-\[calc\(100vh-var\(--global-nav-height\)-120px\)\] {
    min-height: calc(100vh - var(--global-nav-height) - 120px);
  }
  .min-h-\[calc\(100vh-var\(--global-nav-height\,0px\)\)\] {
    min-height: calc(100vh - var(--global-nav-height,0px));
  }
  .min-h-\[min\(28vh\,320px\)\] {
    min-height: min(28vh, 320px);
  }
  .min-h-\[min\(70vh\,640px\)\] {
    min-height: min(70vh, 640px);
  }
  .min-h-\[min\(70vh\,720px\)\] {
    min-height: min(70vh, 720px);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-2\.5 {
    width: calc(var(--spacing) * 2.5) !important;
  }
  .\!w-3 {
    width: calc(var(--spacing) * 3) !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-3\/5 {
    width: calc(3/5 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-4\/6 {
    width: calc(4/6 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }
  .w-5\/6 {
    width: calc(5/6 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[\.\.\.\] {
    width: ...;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3\.5rem\] {
    width: 3.5rem;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[5\.5rem\] {
    width: 5.5rem;
  }
  .w-\[6\.5rem\] {
    width: 6.5rem;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[10\%\] {
    width: 10%;
  }
  .w-\[12\%\] {
    width: 12%;
  }
  .w-\[13\%\] {
    width: 13%;
  }
  .w-\[13px\] {
    width: 13px;
  }
  .w-\[14\%\] {
    width: 14%;
  }
  .w-\[15\%\] {
    width: 15%;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[17px\] {
    width: 17px;
  }
  .w-\[18\%\] {
    width: 18%;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[28\%\] {
    width: 28%;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[68px\] {
    width: 68px;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[72\%\] {
    width: 72%;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[92\%\] {
    width: 92%;
  }
  .w-\[95vw\] {
    width: 95vw;
  }
  .w-\[96\%\] {
    width: 96%;
  }
  .w-\[110px\] {
    width: 110px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[212px\] {
    width: 212px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[440px\] {
    width: 440px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[612px\] {
    width: 612px;
  }
  .w-\[800px\] {
    width: 800px;
  }
  .w-\[1280px\] {
    width: 1280px;
  }
  .w-\[min\(100vw-2rem\,56rem\)\] {
    width: min(100vw - 2rem, 56rem);
  }
  .w-\[min\(288px\,88vw\)\] {
    width: min(288px, 88vw);
  }
  .w-\[min\(320px\,35vw\)\] {
    width: min(320px, 35vw);
  }
  .w-\[min\(350px\,40vw\)\] {
    width: min(350px, 40vw);
  }
  .w-\[min\(380px\,42vw\)\] {
    width: min(380px, 42vw);
  }
  .w-\[min\(400px\,45vw\)\] {
    width: min(400px, 45vw);
  }
  .w-\[min\(420px\,48vw\)\] {
    width: min(420px, 48vw);
  }
  .w-\[min\(420px\,88\%\)\] {
    width: min(420px, 88%);
  }
  .w-\[min\(500px\,55vw\)\] {
    width: min(500px, 55vw);
  }
  .w-\[min\(1060px\,var\(--radix-popper-available-width\)\)\] {
    width: min(1060px, var(--radix-popper-available-width));
  }
  .w-\[var\(--radix-popper-anchor-width\)\] {
    width: var(--radix-popper-anchor-width);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-fit\! {
    width: fit-content !important;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .\!max-w-full {
    max-width: 100% !important;
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }
  .max-w-\[5\.5rem\] {
    max-width: 5.5rem;
  }
  .max-w-\[8rem\] {
    max-width: 8rem;
  }
  .max-w-\[10rem\] {
    max-width: 10rem;
  }
  .max-w-\[12rem\] {
    max-width: 12rem;
  }
  .max-w-\[16ch\] {
    max-width: 16ch;
  }
  .max-w-\[26ch\] {
    max-width: 26ch;
  }
  .max-w-\[28px\] {
    max-width: 28px;
  }
  .max-w-\[32\%\] {
    max-width: 32%;
  }
  .max-w-\[34ch\] {
    max-width: 34ch;
  }
  .max-w-\[40\%\] {
    max-width: 40%;
  }
  .max-w-\[44ch\] {
    max-width: 44ch;
  }
  .max-w-\[54ch\] {
    max-width: 54ch;
  }
  .max-w-\[58ch\] {
    max-width: 58ch;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[60ch\] {
    max-width: 60ch;
  }
  .max-w-\[60px\] {
    max-width: 60px;
  }
  .max-w-\[62ch\] {
    max-width: 62ch;
  }
  .max-w-\[64ch\] {
    max-width: 64ch;
  }
  .max-w-\[65vw\] {
    max-width: 65vw;
  }
  .max-w-\[68ch\] {
    max-width: 68ch;
  }
  .max-w-\[72ch\] {
    max-width: 72ch;
  }
  .max-w-\[75\%\] {
    max-width: 75%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[80px\] {
    max-width: 80px;
  }
  .max-w-\[82vw\] {
    max-width: 82vw;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[88\%\] {
    max-width: 88%;
  }
  .max-w-\[88px\] {
    max-width: 88px;
  }
  .max-w-\[90vw\] {
    max-width: 90vw;
  }
  .max-w-\[92\%\] {
    max-width: 92%;
  }
  .max-w-\[95vw\] {
    max-width: 95vw;
  }
  .max-w-\[98\%\] {
    max-width: 98%;
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[110px\] {
    max-width: 110px;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[230px\] {
    max-width: 230px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[980px\] {
    max-width: 980px;
  }
  .max-w-\[1040px\] {
    max-width: 1040px;
  }
  .max-w-\[1080px\] {
    max-width: 1080px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[1320px\] {
    max-width: 1320px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .max-w-\[1480px\] {
    max-width: 1480px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .max-w-\[1800px\] {
    max-width: 1800px;
  }
  .max-w-\[2400px\] {
    max-width: 2400px;
  }
  .max-w-\[calc\(100vw-2\.5rem\)\] {
    max-width: calc(100vw - 2.5rem);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }
  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .max-w-\[calc\(var\(--radix-popover-trigger-width\)\)\] {
    max-width: calc(var(--radix-popover-trigger-width));
  }
  .max-w-\[min\(28rem\,40vw\)\] {
    max-width: min(28rem, 40vw);
  }
  .max-w-\[min\(36rem\,90vw\)\] {
    max-width: min(36rem, 90vw);
  }
  .max-w-\[min\(90vw\,36rem\)\] {
    max-width: min(90vw, 36rem);
  }
  .max-w-\[min\(100\%\,14rem\)\] {
    max-width: min(100%, 14rem);
  }
  .max-w-\[min\(100vw-2rem\,20rem\)\] {
    max-width: min(100vw - 2rem, 20rem);
  }
  .max-w-\[min\(640px\,100\%\)\] {
    max-width: min(640px, 100%);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-\[2\.5rem\] {
    min-width: 2.5rem;
  }
  .min-w-\[4\.5rem\] {
    min-width: 4.5rem;
  }
  .min-w-\[4\.25rem\] {
    min-width: 4.25rem;
  }
  .min-w-\[5\.25rem\] {
    min-width: 5.25rem;
  }
  .min-w-\[7\.85rem\] {
    min-width: 7.85rem;
  }
  .min-w-\[8\.75rem\] {
    min-width: 8.75rem;
  }
  .min-w-\[11rem\] {
    min-width: 11rem;
  }
  .min-w-\[14px\] {
    min-width: 14px;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .min-w-\[26px\] {
    min-width: 26px;
  }
  .min-w-\[40px\] {
    min-width: 40px;
  }
  .min-w-\[50px\] {
    min-width: 50px;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[90px\] {
    min-width: 90px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[110px\] {
    min-width: 110px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[130px\] {
    min-width: 130px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[480px\] {
    min-width: 480px;
  }
  .min-w-\[600px\] {
    min-width: 600px;
  }
  .min-w-\[640px\] {
    min-width: 640px;
  }
  .min-w-\[800px\] {
    min-width: 800px;
  }
  .min-w-\[calc\(var\(--radix-dropdown-menu-trigger-width\)\)\]\! {
    min-width: calc(var(--radix-dropdown-menu-trigger-width)) !important;
  }
  .min-w-\[calc\(var\(--radix-popover-trigger-width\)\)\] {
    min-width: calc(var(--radix-popover-trigger-width));
  }
  .min-w-\[calc\(var\(--radix-select-trigger-width\)\)\] {
    min-width: calc(var(--radix-select-trigger-width));
  }
  .min-w-\[calc\(var\(--radix-select-trigger-width\)-2px\)\] {
    min-width: calc(var(--radix-select-trigger-width) - 2px);
  }
  .min-w-\[min\(100\%\,480px\)\] {
    min-width: min(100%, 480px);
  }
  .min-w-\[min\(100vw-24px\,320px\)\] {
    min-width: min(100vw - 24px, 320px);
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0\.4\] {
    flex: 0.4;
  }
  .flex-\[0\.6\] {
    flex: 0.6;
  }
  .flex-\[0\.15\] {
    flex: 0.15;
  }
  .flex-\[0\.85\] {
    flex: 0.85;
  }
  .flex-\[2\] {
    flex: 2;
  }
  .flex-\[3\] {
    flex: 3;
  }
  .flex-\[8\] {
    flex: 8;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-left {
    transform-origin: left;
  }
  .origin-right {
    transform-origin: right;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: top left;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[45\%\] {
    --tw-translate-x: calc(45% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/2 {
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-100\%\] {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[18px\] {
    --tw-translate-x: 18px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[22px\] {
    --tw-translate-x: 22px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * -1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-6 {
    --tw-translate-y: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[1px\] {
    --tw-translate-y: calc(1px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[15\%\] {
    --tw-translate-y: calc(15% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-px {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * 8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[1px\] {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[3px\] {
    --tw-translate-y: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(var\(--i\)\*6px\)\] {
    --tw-translate-y: calc(var(--i) * 6px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-80 {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-0 {
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-100 {
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-0 {
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-100 {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.85\] {
    scale: 0.85;
  }
  .scale-\[0\.92\] {
    scale: 0.92;
  }
  .scale-\[0\.98\] {
    scale: 0.98;
  }
  .scale-\[0\.99\] {
    scale: 0.99;
  }
  .scale-\[0\.985\] {
    scale: 0.985;
  }
  .scale-\[0\.992\] {
    scale: 0.992;
  }
  .scale-\[1\.02\] {
    scale: 1.02;
  }
  .scale-\[1\.5\] {
    scale: 1.5;
  }
  .scale-\[1\.7\] {
    scale: 1.7;
  }
  .scale-\[2\.4\] {
    scale: 2.4;
  }
  .scale-\[2\] {
    scale: 2;
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-\[brief-loading-dot_1\.2s_ease-in-out_infinite\] {
    animation: brief-loading-dot 1.2s ease-in-out infinite;
  }
  .animate-\[nav-badge-pop_200ms_ease-out\] {
    animation: nav-badge-pop 200ms ease-out;
  }
  .animate-\[ticker-fade-in_400ms_ease-out_both\] {
    animation: ticker-fade-in 400ms ease-out both;
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-se-resize {
    cursor: se-resize;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-wait {
    cursor: wait;
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .scroll-mt-10 {
    scroll-margin-top: calc(var(--spacing) * 10);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  .scroll-mt-\[120px\] {
    scroll-margin-top: 120px;
  }
  .scroll-mt-\[calc\(var\(--global-nav-height\)\+var\(--market-ticker-height\,0px\)\+var\(--news-ticker-height\,0px\)\+var\(--ws-topbar-height\,0px\)\+16px\)\] {
    scroll-margin-top: calc(var(--global-nav-height) + var(--market-ticker-height,0px) + var(--news-ticker-height,0px) + var(--ws-topbar-height,0px) + 16px);
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .\[appearance\:textfield\] {
    appearance: textfield;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .grid-cols-\[1fr_20px\] {
    grid-template-columns: 1fr 20px;
  }
  .grid-cols-\[1fr_60px_56px_80px_64px\] {
    grid-template-columns: 1fr 60px 56px 80px 64px;
  }
  .grid-cols-\[1fr_60px_56px_88px_72px\] {
    grid-template-columns: 1fr 60px 56px 88px 72px;
  }
  .grid-cols-\[1fr_72px_72px_80px_64px_72px\] {
    grid-template-columns: 1fr 72px 72px 80px 64px 72px;
  }
  .grid-cols-\[1fr_72px_72px_88px_64px_72px\] {
    grid-template-columns: 1fr 72px 72px 88px 64px 72px;
  }
  .grid-cols-\[1fr_120px_84px\] {
    grid-template-columns: 1fr 120px 84px;
  }
  .grid-cols-\[1fr_120px_100px_90px_80px_100px_60px\] {
    grid-template-columns: 1fr 120px 100px 90px 80px 100px 60px;
  }
  .grid-cols-\[1fr_auto_auto_auto\] {
    grid-template-columns: 1fr auto auto auto;
  }
  .grid-cols-\[1fr_minmax\(120px\,180px\)_70px\] {
    grid-template-columns: 1fr minmax(120px,180px) 70px;
  }
  .grid-cols-\[2\.5rem_2\.5rem_1fr_auto\] {
    grid-template-columns: 2.5rem 2.5rem 1fr auto;
  }
  .grid-cols-\[3rem_1fr_auto_auto\] {
    grid-template-columns: 3rem 1fr auto auto;
  }
  .grid-cols-\[28px_1fr_auto\] {
    grid-template-columns: 28px 1fr auto;
  }
  .grid-cols-\[28px_minmax\(140px\,1\.1fr\)_minmax\(180px\,1\.4fr\)_minmax\(120px\,0\.7fr\)_minmax\(100px\,0\.55fr\)_auto\] {
    grid-template-columns: 28px minmax(140px,1.1fr) minmax(180px,1.4fr) minmax(120px,0.7fr) minmax(100px,0.55fr) auto;
  }
  .grid-cols-\[40px_1fr_auto_24px\] {
    grid-template-columns: 40px 1fr auto 24px;
  }
  .grid-cols-\[44px_1fr_72px_84px_84px\] {
    grid-template-columns: 44px 1fr 72px 84px 84px;
  }
  .grid-cols-\[44px_1fr_88px\] {
    grid-template-columns: 44px 1fr 88px;
  }
  .grid-cols-\[64px_1fr\] {
    grid-template-columns: 64px 1fr;
  }
  .grid-cols-\[64px_28px_1fr_auto\] {
    grid-template-columns: 64px 28px 1fr auto;
  }
  .grid-cols-\[80px_1fr_56px_auto\] {
    grid-template-columns: 80px 1fr 56px auto;
  }
  .grid-cols-\[80px_1fr_280px\] {
    grid-template-columns: 80px 1fr 280px;
  }
  .grid-cols-\[88px_72px_1fr_88px_88px\] {
    grid-template-columns: 88px 72px 1fr 88px 88px;
  }
  .grid-cols-\[120px_1fr_72px\] {
    grid-template-columns: 120px 1fr 72px;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_minmax\(0\,3fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0,3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_auto_auto\] {
    grid-template-columns: minmax(0,1fr) auto auto auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(200px\,1fr\)_minmax\(320px\,2fr\)_minmax\(200px\,1fr\)\] {
    grid-template-columns: minmax(200px,1fr) minmax(320px,2fr) minmax(200px,1fr);
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .\!flex-wrap {
    flex-wrap: wrap !important;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\!justify-start {
    justify-content: flex-start !important;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-center {
    justify-items: center;
  }
  .\!gap-0\.5 {
    gap: calc(var(--spacing) * 0.5) !important;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-px {
    gap: 1px;
  }
  .-space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * -2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-0 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-7 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-9 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-16 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-px {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(1px * var(--tw-space-y-reverse));
      margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 1;
    }
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .gap-x-14 {
    column-gap: calc(var(--spacing) * 14);
  }
  .-space-x-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -0.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -0.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .-space-x-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .-space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-3 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-6 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-8 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 1;
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 1;
    }
  }
  .divide-dashed {
    :where(& > :not(:last-child)) {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .divide-\[var\(--ws-border\)\] {
    :where(& > :not(:last-child)) {
      border-color: var(--ws-border);
    }
  }
  .divide-\[var\(--ws-border\)\]\/55 {
    :where(& > :not(:last-child)) {
      border-color: var(--ws-border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--ws-border) 55%, transparent);
      }
    }
  }
  .divide-\[var\(--ws-divider-line\)\] {
    :where(& > :not(:last-child)) {
      border-color: var(--ws-divider-line);
    }
  }
  .divide-neutral-50 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-50);
    }
  }
  .divide-neutral-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-100);
    }
  }
  .divide-neutral-100\/50 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(97% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
      }
    }
  }
  .divide-neutral-100\/60 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(97% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-100) 60%, transparent);
      }
    }
  }
  .divide-neutral-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-200);
    }
  }
  .divide-neutral-200\/60 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(92.2% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent);
      }
    }
  }
  .divide-neutral-200\/70 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent);
      }
    }
  }
  .divide-neutral-800 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-800);
    }
  }
  .divide-neutral-800\/50 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
      }
    }
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .\!rounded-2xl {
    border-radius: var(--radius-2xl) !important;
  }
  .\!rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .\!rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[11px\] {
    border-radius: 11px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-none\! {
    border-radius: 0 !important;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-ss {
    border-start-start-radius: 0.25rem;
  }
  .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-se {
    border-start-end-radius: 0.25rem;
  }
  .rounded-ee {
    border-end-end-radius: 0.25rem;
  }
  .rounded-es {
    border-end-start-radius: 0.25rem;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }
  .rounded-t-\[11px\] {
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .\!rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl) !important;
    border-bottom-left-radius: var(--radius-2xl) !important;
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-l\! {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-tl {
    border-top-left-radius: 0.25rem;
  }
  .rounded-tl-md {
    border-top-left-radius: var(--radius-md);
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-r\! {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .rounded-tr {
    border-top-right-radius: 0.25rem;
  }
  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }
  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-br {
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }
  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .\!border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .\!border-\[var\(--ws-border\)\] {
    border-color: var(--ws-border) !important;
  }
  .\!border-amber-300\/60 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent) !important;
    }
  }
  .\!border-emerald-300\/50 {
    border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 50%, transparent) !important;
    }
  }
  .\!border-emerald-300\/60 {
    border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent) !important;
    }
  }
  .\!border-neutral-200\/50 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent) !important;
    }
  }
  .\!border-neutral-300 {
    border-color: var(--color-neutral-300) !important;
  }
  .\!border-sky-300\/60 {
    border-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-300) 60%, transparent) !important;
    }
  }
  .border-\[\#1a2a4a\]\/30 {
    border-color: color-mix(in oklab, #1a2a4a 30%, transparent);
  }
  .border-\[\#5a3a30\] {
    border-color: #5a3a30;
  }
  .border-\[\#e7c3c0\] {
    border-color: #e7c3c0;
  }
  .border-\[\#f5e2b0\]\/45 {
    border-color: color-mix(in oklab, #f5e2b0 45%, transparent);
  }
  .border-\[--ws-border\] {
    border-color: --ws-border;
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--ws-accent\)_30\%\,transparent\)\] {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--ws-accent) 30%,transparent);
    }
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--ws-accent\)_35\%\,transparent\)\] {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--ws-accent) 35%,transparent);
    }
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--ws-accent\)_45\%\,transparent\)\] {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--ws-accent) 45%,transparent);
    }
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--ws-accent\,\#c9a96e\)_35\%\,transparent\)\] {
    border-color: var(--ws-accent,#c9a96e);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--ws-accent,#c9a96e) 35%,transparent);
    }
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--ws-positive\)_25\%\,transparent\)\] {
    border-color: var(--ws-positive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--ws-positive) 25%,transparent);
    }
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--ws-warn\)_25\%\,transparent\)\] {
    border-color: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--ws-warn) 25%,transparent);
    }
  }
  .border-\[rgba\(244\,237\,224\,0\.10\)\] {
    border-color: rgba(244,237,224,0.10);
  }
  .border-\[rgba\(244\,237\,224\,0\.18\)\] {
    border-color: rgba(244,237,224,0.18);
  }
  .border-\[var\(--nstack-accent\)\] {
    border-color: var(--nstack-accent);
  }
  .border-\[var\(--ws-accent\)\] {
    border-color: var(--ws-accent);
  }
  .border-\[var\(--ws-accent\)\]\/30 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 30%, transparent);
    }
  }
  .border-\[var\(--ws-accent\)\]\/35 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 35%, transparent);
    }
  }
  .border-\[var\(--ws-accent\)\]\/40 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 40%, transparent);
    }
  }
  .border-\[var\(--ws-accent\)\]\/45 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 45%, transparent);
    }
  }
  .border-\[var\(--ws-accent\)\]\/50 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 50%, transparent);
    }
  }
  .border-\[var\(--ws-accent\)\]\/55 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 55%, transparent);
    }
  }
  .border-\[var\(--ws-accent\)\]\/60 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 60%, transparent);
    }
  }
  .border-\[var\(--ws-accent\)\]\/70 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 70%, transparent);
    }
  }
  .border-\[var\(--ws-accent\)\]\/80 {
    border-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-accent) 80%, transparent);
    }
  }
  .border-\[var\(--ws-accent-soft\)\] {
    border-color: var(--ws-accent-soft);
  }
  .border-\[var\(--ws-border\)\] {
    border-color: var(--ws-border);
  }
  .border-\[var\(--ws-border\)\]\/30 {
    border-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-border) 30%, transparent);
    }
  }
  .border-\[var\(--ws-border\)\]\/40 {
    border-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-border) 40%, transparent);
    }
  }
  .border-\[var\(--ws-border\)\]\/45 {
    border-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-border) 45%, transparent);
    }
  }
  .border-\[var\(--ws-border\)\]\/50 {
    border-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-border) 50%, transparent);
    }
  }
  .border-\[var\(--ws-border\)\]\/60 {
    border-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-border) 60%, transparent);
    }
  }
  .border-\[var\(--ws-border\,_rgba\(10\,22\,40\,0\.10\)\)\] {
    border-color: var(--ws-border, rgba(10,22,40,0.10));
  }
  .border-\[var\(--ws-border\,_rgba\(10\,22\,40\,0\.12\)\)\] {
    border-color: var(--ws-border, rgba(10,22,40,0.12));
  }
  .border-\[var\(--ws-border\,rgba\(10\,22\,40\,0\.08\)\)\] {
    border-color: var(--ws-border,rgba(10,22,40,0.08));
  }
  .border-\[var\(--ws-border-hover\)\] {
    border-color: var(--ws-border-hover);
  }
  .border-\[var\(--ws-border-hover\,rgba\(10\,22\,40\,0\.15\)\)\] {
    border-color: var(--ws-border-hover,rgba(10,22,40,0.15));
  }
  .border-\[var\(--ws-divider-line\)\] {
    border-color: var(--ws-divider-line);
  }
  .border-\[var\(--ws-info\)\]\/30 {
    border-color: var(--ws-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-info) 30%, transparent);
    }
  }
  .border-\[var\(--ws-info\)\]\/40 {
    border-color: var(--ws-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-info) 40%, transparent);
    }
  }
  .border-\[var\(--ws-negative\)\] {
    border-color: var(--ws-negative);
  }
  .border-\[var\(--ws-negative\)\]\/30 {
    border-color: var(--ws-negative);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-negative) 30%, transparent);
    }
  }
  .border-\[var\(--ws-negative\)\]\/40 {
    border-color: var(--ws-negative);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-negative) 40%, transparent);
    }
  }
  .border-\[var\(--ws-negative\)\]\/45 {
    border-color: var(--ws-negative);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-negative) 45%, transparent);
    }
  }
  .border-\[var\(--ws-negative\)\]\/50 {
    border-color: var(--ws-negative);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-negative) 50%, transparent);
    }
  }
  .border-\[var\(--ws-positive\)\] {
    border-color: var(--ws-positive);
  }
  .border-\[var\(--ws-positive\)\]\/30 {
    border-color: var(--ws-positive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-positive) 30%, transparent);
    }
  }
  .border-\[var\(--ws-positive\)\]\/40 {
    border-color: var(--ws-positive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-positive) 40%, transparent);
    }
  }
  .border-\[var\(--ws-positive\)\]\/45 {
    border-color: var(--ws-positive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-positive) 45%, transparent);
    }
  }
  .border-\[var\(--ws-status-warn-border\,rgba\(180\,90\,40\,0\.35\)\)\] {
    border-color: var(--ws-status-warn-border,rgba(180,90,40,0.35));
  }
  .border-\[var\(--ws-text\)\] {
    border-color: var(--ws-text);
  }
  .border-\[var\(--ws-text\)\]\/20 {
    border-color: var(--ws-text);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-text) 20%, transparent);
    }
  }
  .border-\[var\(--ws-text\)\]\/30 {
    border-color: var(--ws-text);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-text) 30%, transparent);
    }
  }
  .border-\[var\(--ws-warn\)\] {
    border-color: var(--ws-warn);
  }
  .border-\[var\(--ws-warn\)\]\/30 {
    border-color: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-warn) 30%, transparent);
    }
  }
  .border-\[var\(--ws-warn\)\]\/40 {
    border-color: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-warn) 40%, transparent);
    }
  }
  .border-\[var\(--ws-warn\)\]\/45 {
    border-color: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ws-warn) 45%, transparent);
    }
  }
  .border-amber-100 {
    border-color: var(--color-amber-100);
  }
  .border-amber-100\/60 {
    border-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
    }
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-200\/40 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 40%, transparent);
    }
  }
  .border-amber-200\/60 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent);
    }
  }
  .border-amber-200\/70 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 70%, transparent);
    }
  }
  .border-amber-200\/80 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-amber-300\/10 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent);
    }
  }
  .border-amber-300\/70 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent);
    }
  }
  .border-amber-400 {
    border-color: var(--color-amber-400);
  }
  .border-amber-400\/20 {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }
  .border-amber-400\/50 {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
    }
  }
  .border-amber-400\/60 {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
    }
  }
  .border-amber-500 {
    border-color: var(--color-amber-500);
  }
  .border-amber-500\/20 {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
  .border-amber-500\/40 {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }
  .border-amber-500\/50 {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }
  .border-amber-600 {
    border-color: var(--color-amber-600);
  }
  .border-amber-800\/30 {
    border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);
    }
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-400\/15 {
    border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-400) 15%, transparent);
    }
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-cyan-100 {
    border-color: var(--color-cyan-100);
  }
  .border-cyan-300\/70 {
    border-color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-300) 70%, transparent);
    }
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-100\/60 {
    border-color: color-mix(in srgb, oklch(95% 0.052 163.051) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-100) 60%, transparent);
    }
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-200\/40 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 40%, transparent);
    }
  }
  .border-emerald-200\/50 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent);
    }
  }
  .border-emerald-200\/60 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
    }
  }
  .border-emerald-200\/70 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent);
    }
  }
  .border-emerald-200\/80 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
    }
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-emerald-300\/10 {
    border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 10%, transparent);
    }
  }
  .border-emerald-300\/70 {
    border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent);
    }
  }
  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }
  .border-emerald-400\/20 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }
  .border-emerald-400\/60 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent);
    }
  }
  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }
  .border-emerald-500\/35 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 35%, transparent);
    }
  }
  .border-emerald-500\/50 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
    }
  }
  .border-emerald-600 {
    border-color: var(--color-emerald-600);
  }
  .border-indigo-100\/60 {
    border-color: color-mix(in srgb, oklch(93% 0.034 272.788) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-100) 60%, transparent);
    }
  }
  .border-indigo-200\/80 {
    border-color: color-mix(in srgb, oklch(87% 0.065 274.039) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-200) 80%, transparent);
    }
  }
  .border-indigo-300\/10 {
    border-color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-300) 10%, transparent);
    }
  }
  .border-indigo-300\/70 {
    border-color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-300) 70%, transparent);
    }
  }
  .border-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-indigo-400\/20 {
    border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
    }
  }
  .border-indigo-400\/50 {
    border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent);
    }
  }
  .border-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-indigo-500\/50 {
    border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
    }
  }
  .border-inherit {
    border-color: inherit;
  }
  .border-neutral-50 {
    border-color: var(--color-neutral-50);
  }
  .border-neutral-100 {
    border-color: var(--color-neutral-100);
  }
  .border-neutral-100\/50 {
    border-color: color-mix(in srgb, oklch(97% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
    }
  }
  .border-neutral-100\/60 {
    border-color: color-mix(in srgb, oklch(97% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-100) 60%, transparent);
    }
  }
  .border-neutral-100\/80 {
    border-color: color-mix(in srgb, oklch(97% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);
    }
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }
  .border-neutral-200\/40 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 40%, transparent);
    }
  }
  .border-neutral-200\/50 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
    }
  }
  .border-neutral-200\/60 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent);
    }
  }
  .border-neutral-200\/70 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent);
    }
  }
  .border-neutral-200\/80 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
    }
  }
  .border-neutral-200\/90 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 90%, transparent);
    }
  }
  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }
  .border-neutral-300\/60 {
    border-color: color-mix(in srgb, oklch(87% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-300) 60%, transparent);
    }
  }
  .border-neutral-300\/70 {
    border-color: color-mix(in srgb, oklch(87% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-300) 70%, transparent);
    }
  }
  .border-neutral-300\/80 {
    border-color: color-mix(in srgb, oklch(87% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-300) 80%, transparent);
    }
  }
  .border-neutral-400 {
    border-color: var(--color-neutral-400);
  }
  .border-neutral-400\/90 {
    border-color: color-mix(in srgb, oklch(70.8% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-400) 90%, transparent);
    }
  }
  .border-neutral-600 {
    border-color: var(--color-neutral-600);
  }
  .border-neutral-700 {
    border-color: var(--color-neutral-700);
  }
  .border-neutral-700\/20 {
    border-color: color-mix(in srgb, oklch(37.1% 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-700) 20%, transparent);
    }
  }
  .border-neutral-700\/80 {
    border-color: color-mix(in srgb, oklch(37.1% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-700) 80%, transparent);
    }
  }
  .border-neutral-800 {
    border-color: var(--color-neutral-800);
  }
  .border-neutral-800\/60 {
    border-color: color-mix(in srgb, oklch(26.9% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
    }
  }
  .border-neutral-800\/80 {
    border-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
    }
  }
  .border-neutral-900 {
    border-color: var(--color-neutral-900);
  }
  .border-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-orange-200\/70 {
    border-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-200) 70%, transparent);
    }
  }
  .border-orange-400\/15 {
    border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-400) 15%, transparent);
    }
  }
  .border-pink-300\/70 {
    border-color: color-mix(in srgb, oklch(82.3% 0.12 346.018) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-pink-300) 70%, transparent);
    }
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-rose-100 {
    border-color: var(--color-rose-100);
  }
  .border-rose-100\/60 {
    border-color: color-mix(in srgb, oklch(94.1% 0.03 12.58) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-100) 60%, transparent);
    }
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-rose-200\/40 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 40%, transparent);
    }
  }
  .border-rose-200\/60 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 60%, transparent);
    }
  }
  .border-rose-200\/70 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 70%, transparent);
    }
  }
  .border-rose-200\/80 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
    }
  }
  .border-rose-300 {
    border-color: var(--color-rose-300);
  }
  .border-rose-300\/10 {
    border-color: color-mix(in srgb, oklch(81% 0.117 11.638) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-300) 10%, transparent);
    }
  }
  .border-rose-300\/50 {
    border-color: color-mix(in srgb, oklch(81% 0.117 11.638) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-300) 50%, transparent);
    }
  }
  .border-rose-400 {
    border-color: var(--color-rose-400);
  }
  .border-rose-400\/20 {
    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
    }
  }
  .border-rose-400\/60 {
    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-400) 60%, transparent);
    }
  }
  .border-rose-500 {
    border-color: var(--color-rose-500);
  }
  .border-rose-500\/35 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 35%, transparent);
    }
  }
  .border-rose-500\/50 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent);
    }
  }
  .border-rose-600 {
    border-color: var(--color-rose-600);
  }
  .border-sky-100\/60 {
    border-color: color-mix(in srgb, oklch(95.1% 0.026 236.824) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-100) 60%, transparent);
    }
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-sky-200\/50 {
    border-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-200) 50%, transparent);
    }
  }
  .border-sky-200\/60 {
    border-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-200) 60%, transparent);
    }
  }
  .border-sky-200\/70 {
    border-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-200) 70%, transparent);
    }
  }
  .border-sky-200\/80 {
    border-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-200) 80%, transparent);
    }
  }
  .border-sky-300 {
    border-color: var(--color-sky-300);
  }
  .border-sky-300\/60 {
    border-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-300) 60%, transparent);
    }
  }
  .border-sky-400 {
    border-color: var(--color-sky-400);
  }
  .border-sky-400\/60 {
    border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-400) 60%, transparent);
    }
  }
  .border-sky-500\/20 {
    border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
  }
  .border-sky-600 {
    border-color: var(--color-sky-600);
  }
  .border-sky-800 {
    border-color: var(--color-sky-800);
  }
  .border-slate-100\/60 {
    border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);
    }
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-teal-200\/50 {
    border-color: color-mix(in srgb, oklch(91% 0.096 180.426) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-teal-200) 50%, transparent);
    }
  }
  .border-teal-400\/15 {
    border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-teal-400) 15%, transparent);
    }
  }
  .border-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-teal-600 {
    border-color: var(--color-teal-600);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-violet-100 {
    border-color: var(--color-violet-100);
  }
  .border-violet-100\/50 {
    border-color: color-mix(in srgb, oklch(94.3% 0.029 294.588) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-100) 50%, transparent);
    }
  }
  .border-violet-100\/60 {
    border-color: color-mix(in srgb, oklch(94.3% 0.029 294.588) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-100) 60%, transparent);
    }
  }
  .border-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-violet-200\/30 {
    border-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-200) 30%, transparent);
    }
  }
  .border-violet-200\/50 {
    border-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-200) 50%, transparent);
    }
  }
  .border-violet-200\/60 {
    border-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-200) 60%, transparent);
    }
  }
  .border-violet-200\/70 {
    border-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-200) 70%, transparent);
    }
  }
  .border-violet-200\/80 {
    border-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-200) 80%, transparent);
    }
  }
  .border-violet-300 {
    border-color: var(--color-violet-300);
  }
  .border-violet-300\/60 {
    border-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-300) 60%, transparent);
    }
  }
  .border-violet-300\/70 {
    border-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-300) 70%, transparent);
    }
  }
  .border-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-violet-400\/60 {
    border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-400) 60%, transparent);
    }
  }
  .border-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-violet-500\/25 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
    }
  }
  .border-violet-500\/30 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
  }
  .border-violet-500\/35 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 35%, transparent);
    }
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/20 {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-white\/70 {
    border-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .border-white\/\[0\.06\] {
    border-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .border-white\/\[0\.08\] {
    border-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .border-t-\[var\(--ws-accent\)\] {
    border-top-color: var(--ws-accent);
  }
  .border-t-amber-500 {
    border-top-color: var(--color-amber-500);
  }
  .border-t-neutral-500 {
    border-top-color: var(--color-neutral-500);
  }
  .border-t-neutral-600 {
    border-top-color: var(--color-neutral-600);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-l-\[var\(--ws-accent\)\] {
    border-left-color: var(--ws-accent);
  }
  .border-l-\[var\(--ws-border\)\] {
    border-left-color: var(--ws-border);
  }
  .border-l-\[var\(--ws-border-hover\)\] {
    border-left-color: var(--ws-border-hover);
  }
  .border-l-\[var\(--ws-negative\)\] {
    border-left-color: var(--ws-negative);
  }
  .border-l-\[var\(--ws-positive\)\] {
    border-left-color: var(--ws-positive);
  }
  .border-l-\[var\(--ws-text-faint\)\] {
    border-left-color: var(--ws-text-faint);
  }
  .border-l-\[var\(--ws-warn\)\] {
    border-left-color: var(--ws-warn);
  }
  .\!bg-\[var\(--ws-bg-card\)\] {
    background-color: var(--ws-bg-card) !important;
  }
  .\!bg-\[var\(--ws-bg-page\)\] {
    background-color: var(--ws-bg-page) !important;
  }
  .\!bg-neutral-100\/80 {
    background-color: color-mix(in srgb, oklch(97% 0 0) 80%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 80%, transparent) !important;
    }
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\[\#0a0a0a\] {
    background-color: #0a0a0a;
  }
  .bg-\[\#1a2a4a\]\/8 {
    background-color: color-mix(in oklab, #1a2a4a 8%, transparent);
  }
  .bg-\[\#1f1410\] {
    background-color: #1f1410;
  }
  .bg-\[\#0078D4\]\/10 {
    background-color: color-mix(in oklab, #0078D4 10%, transparent);
  }
  .bg-\[\#EA4335\]\/10 {
    background-color: color-mix(in oklab, #EA4335 10%, transparent);
  }
  .bg-\[\#d8b87b\] {
    background-color: #d8b87b;
  }
  .bg-\[\#f5e2b0\]\/12 {
    background-color: color-mix(in oklab, #f5e2b0 12%, transparent);
  }
  .bg-\[\#f8fafc\] {
    background-color: #f8fafc;
  }
  .bg-\[\#fafaf6\] {
    background-color: #fafaf6;
  }
  .bg-\[\#fafaf7\] {
    background-color: #fafaf7;
  }
  .bg-\[\#fdf3f3\] {
    background-color: #fdf3f3;
  }
  .bg-\[--ws-bg-card\] {
    background-color: --ws-bg-card;
  }
  .bg-\[color-mix\(in_srgb\,var\(--ws-bg\)_60\%\,transparent\)\] {
    background-color: var(--ws-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ws-bg) 60%,transparent);
    }
  }
  .bg-\[color\:color-mix\(in_srgb\,var\(--ws-bg-card\)_92\%\,transparent\)\] {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ws-bg-card) 92%,transparent);
    }
  }
  .bg-\[color\:color-mix\(in_srgb\,var\(--ws-bg-card\,white\)_70\%\,transparent\)\] {
    background-color: var(--ws-bg-card,white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ws-bg-card,white) 70%,transparent);
    }
  }
  .bg-\[color\:color-mix\(in_srgb\,var\(--ws-bg-card\,white\)_92\%\,transparent\)\] {
    background-color: var(--ws-bg-card,white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ws-bg-card,white) 92%,transparent);
    }
  }
  .bg-\[color\:color-mix\(in_srgb\,var\(--ws-bg-warm\)_92\%\,transparent\)\] {
    background-color: var(--ws-bg-warm);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ws-bg-warm) 92%,transparent);
    }
  }
  .bg-\[rgba\(6\,14\,26\,0\.42\)\] {
    background-color: rgba(6,14,26,0.42);
  }
  .bg-\[rgba\(244\,237\,224\,0\.02\)\] {
    background-color: rgba(244,237,224,0.02);
  }
  .bg-\[rgba\(244\,237\,224\,0\.04\)\] {
    background-color: rgba(244,237,224,0.04);
  }
  .bg-\[rgba\(244\,237\,224\,0\.06\)\] {
    background-color: rgba(244,237,224,0.06);
  }
  .bg-\[var\(--nstack-accent\)\] {
    background-color: var(--nstack-accent);
  }
  .bg-\[var\(--nstack-accent\)\]\/10 {
    background-color: var(--nstack-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--nstack-accent) 10%, transparent);
    }
  }
  .bg-\[var\(--nstack-accent\)\]\/\[0\.06\] {
    background-color: var(--nstack-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--nstack-accent) 6%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\)\] {
    background-color: var(--ws-accent);
  }
  .bg-\[var\(--ws-accent\)\]\/10 {
    background-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent) 10%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\)\]\/15 {
    background-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent) 15%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\)\]\/20 {
    background-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent) 20%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\)\]\/35 {
    background-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent) 35%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\)\]\/60 {
    background-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\)\]\/65 {
    background-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent) 65%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\)\]\/70 {
    background-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent) 70%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\)\]\/80 {
    background-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent) 80%, transparent);
    }
  }
  .bg-\[var\(--ws-accent\,\#c9a96e\)\] {
    background-color: var(--ws-accent,#c9a96e);
  }
  .bg-\[var\(--ws-accent\,_\#c9a96e\)\] {
    background-color: var(--ws-accent, #c9a96e);
  }
  .bg-\[var\(--ws-accent-hover\)\] {
    background-color: var(--ws-accent-hover);
  }
  .bg-\[var\(--ws-accent-ink\)\]\/15 {
    background-color: var(--ws-accent-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-ink) 15%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\)\] {
    background-color: var(--ws-accent-soft);
  }
  .bg-\[var\(--ws-accent-soft\)\]\/20 {
    background-color: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-soft) 20%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\)\]\/30 {
    background-color: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-soft) 30%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\)\]\/35 {
    background-color: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-soft) 35%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\)\]\/40 {
    background-color: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-soft) 40%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\)\]\/50 {
    background-color: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-soft) 50%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\)\]\/55 {
    background-color: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-soft) 55%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\)\]\/60 {
    background-color: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-soft) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\)\]\/70 {
    background-color: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-accent-soft) 70%, transparent);
    }
  }
  .bg-\[var\(--ws-accent-soft\,_rgba\(201\,169\,110\,0\.12\)\)\] {
    background-color: var(--ws-accent-soft, rgba(201,169,110,0.12));
  }
  .bg-\[var\(--ws-accent-soft\,rgba\(201\,169\,110\,0\.10\)\)\] {
    background-color: var(--ws-accent-soft,rgba(201,169,110,0.10));
  }
  .bg-\[var\(--ws-accent-soft\,rgba\(201\,169\,110\,0\.12\)\)\] {
    background-color: var(--ws-accent-soft,rgba(201,169,110,0.12));
  }
  .bg-\[var\(--ws-accent-soft\,rgba\(201\,169\,110\,0\.18\)\)\] {
    background-color: var(--ws-accent-soft,rgba(201,169,110,0.18));
  }
  .bg-\[var\(--ws-alert\)\]\/10 {
    background-color: var(--ws-alert);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-alert) 10%, transparent);
    }
  }
  .bg-\[var\(--ws-bg\)\] {
    background-color: var(--ws-bg);
  }
  .bg-\[var\(--ws-bg\)\]\/60 {
    background-color: var(--ws-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-bg\)\]\/85 {
    background-color: var(--ws-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg) 85%, transparent);
    }
  }
  .bg-\[var\(--ws-bg\)\]\/90 {
    background-color: var(--ws-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg) 90%, transparent);
    }
  }
  .bg-\[var\(--ws-bg\)\]\/95 {
    background-color: var(--ws-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg) 95%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-alt\)\] {
    background-color: var(--ws-bg-alt);
  }
  .bg-\[var\(--ws-bg-alt\)\]\/20 {
    background-color: var(--ws-bg-alt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-alt) 20%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-alt\)\]\/30 {
    background-color: var(--ws-bg-alt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-alt) 30%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-alt\)\]\/40 {
    background-color: var(--ws-bg-alt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-alt) 40%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-alt\)\]\/50 {
    background-color: var(--ws-bg-alt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-alt) 50%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-alt\)\]\/60 {
    background-color: var(--ws-bg-alt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-alt) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\] {
    background-color: var(--ws-bg-card);
  }
  .bg-\[var\(--ws-bg-card\)\]\/40 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 40%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/50 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 50%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/60 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/65 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 65%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/70 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 70%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/80 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 80%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/85 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 85%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/90 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 90%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/92 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 92%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card\)\]\/95 {
    background-color: var(--ws-bg-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card) 95%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card-alt\)\] {
    background-color: var(--ws-bg-card-alt);
  }
  .bg-\[var\(--ws-bg-card-alt\)\]\/30 {
    background-color: var(--ws-bg-card-alt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card-alt) 30%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card-alt\)\]\/50 {
    background-color: var(--ws-bg-card-alt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card-alt) 50%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card-alt\)\]\/60 {
    background-color: var(--ws-bg-card-alt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-card-alt) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-card-alt\,_var\(--ws-bg-card\)\)\] {
    background-color: var(--ws-bg-card-alt, var(--ws-bg-card));
  }
  .bg-\[var\(--ws-bg-icon\)\] {
    background-color: var(--ws-bg-icon);
  }
  .bg-\[var\(--ws-bg-page\)\] {
    background-color: var(--ws-bg-page);
  }
  .bg-\[var\(--ws-bg-warm\)\] {
    background-color: var(--ws-bg-warm);
  }
  .bg-\[var\(--ws-bg-warm\)\]\/30 {
    background-color: var(--ws-bg-warm);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-warm) 30%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-warm\)\]\/40 {
    background-color: var(--ws-bg-warm);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-warm) 40%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-warm\)\]\/50 {
    background-color: var(--ws-bg-warm);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-warm) 50%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-warm\)\]\/60 {
    background-color: var(--ws-bg-warm);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-warm) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-bg-warm\)\]\/85 {
    background-color: var(--ws-bg-warm);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-bg-warm) 85%, transparent);
    }
  }
  .bg-\[var\(--ws-border\)\] {
    background-color: var(--ws-border);
  }
  .bg-\[var\(--ws-border\)\]\/40 {
    background-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-border) 40%, transparent);
    }
  }
  .bg-\[var\(--ws-border\)\]\/60 {
    background-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-border) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-border\)\]\/70 {
    background-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-border) 70%, transparent);
    }
  }
  .bg-\[var\(--ws-border\)\]\/80 {
    background-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-border) 80%, transparent);
    }
  }
  .bg-\[var\(--ws-border\)\]\/90 {
    background-color: var(--ws-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-border) 90%, transparent);
    }
  }
  .bg-\[var\(--ws-border-hover\)\] {
    background-color: var(--ws-border-hover);
  }
  .bg-\[var\(--ws-card\)\] {
    background-color: var(--ws-card);
  }
  .bg-\[var\(--ws-divider-line\)\] {
    background-color: var(--ws-divider-line);
  }
  .bg-\[var\(--ws-info\)\] {
    background-color: var(--ws-info);
  }
  .bg-\[var\(--ws-info-soft\)\] {
    background-color: var(--ws-info-soft);
  }
  .bg-\[var\(--ws-negative\)\] {
    background-color: var(--ws-negative);
  }
  .bg-\[var\(--ws-negative\)\]\/20 {
    background-color: var(--ws-negative);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-negative) 20%, transparent);
    }
  }
  .bg-\[var\(--ws-negative\)\]\/90 {
    background-color: var(--ws-negative);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-negative) 90%, transparent);
    }
  }
  .bg-\[var\(--ws-negative-soft\)\] {
    background-color: var(--ws-negative-soft);
  }
  .bg-\[var\(--ws-negative-soft\)\]\/20 {
    background-color: var(--ws-negative-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-negative-soft) 20%, transparent);
    }
  }
  .bg-\[var\(--ws-negative-soft\)\]\/30 {
    background-color: var(--ws-negative-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-negative-soft) 30%, transparent);
    }
  }
  .bg-\[var\(--ws-negative-soft\)\]\/40 {
    background-color: var(--ws-negative-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-negative-soft) 40%, transparent);
    }
  }
  .bg-\[var\(--ws-negative-soft\)\]\/50 {
    background-color: var(--ws-negative-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-negative-soft) 50%, transparent);
    }
  }
  .bg-\[var\(--ws-negative-soft\)\]\/60 {
    background-color: var(--ws-negative-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-negative-soft) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-negative-soft\,_rgba\(220\,38\,38\,0\.08\)\)\] {
    background-color: var(--ws-negative-soft, rgba(220,38,38,0.08));
  }
  .bg-\[var\(--ws-negative-soft\,rgba\(220\,38\,38\,0\.1\)\)\] {
    background-color: var(--ws-negative-soft,rgba(220,38,38,0.1));
  }
  .bg-\[var\(--ws-positive\)\] {
    background-color: var(--ws-positive);
  }
  .bg-\[var\(--ws-positive\)\]\/55 {
    background-color: var(--ws-positive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-positive) 55%, transparent);
    }
  }
  .bg-\[var\(--ws-positive-soft\)\] {
    background-color: var(--ws-positive-soft);
  }
  .bg-\[var\(--ws-positive-soft\)\]\/20 {
    background-color: var(--ws-positive-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-positive-soft) 20%, transparent);
    }
  }
  .bg-\[var\(--ws-positive-soft\)\]\/30 {
    background-color: var(--ws-positive-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-positive-soft) 30%, transparent);
    }
  }
  .bg-\[var\(--ws-positive-soft\)\]\/40 {
    background-color: var(--ws-positive-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-positive-soft) 40%, transparent);
    }
  }
  .bg-\[var\(--ws-positive-soft\)\]\/60 {
    background-color: var(--ws-positive-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-positive-soft) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-positive-soft\,rgba\(34\,197\,94\,0\.12\)\)\] {
    background-color: var(--ws-positive-soft,rgba(34,197,94,0.12));
  }
  .bg-\[var\(--ws-stat-bg\)\] {
    background-color: var(--ws-stat-bg);
  }
  .bg-\[var\(--ws-stat-bg\)\]\/60 {
    background-color: var(--ws-stat-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-stat-bg) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-stat-bg\)\]\/80 {
    background-color: var(--ws-stat-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-stat-bg) 80%, transparent);
    }
  }
  .bg-\[var\(--ws-status-warn-bg\,rgba\(245\,170\,90\,0\.12\)\)\] {
    background-color: var(--ws-status-warn-bg,rgba(245,170,90,0.12));
  }
  .bg-\[var\(--ws-surface\)\] {
    background-color: var(--ws-surface);
  }
  .bg-\[var\(--ws-text\)\] {
    background-color: var(--ws-text);
  }
  .bg-\[var\(--ws-text\)\]\/10 {
    background-color: var(--ws-text);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-text) 10%, transparent);
    }
  }
  .bg-\[var\(--ws-text-faint\)\] {
    background-color: var(--ws-text-faint);
  }
  .bg-\[var\(--ws-text-faint\)\]\/60 {
    background-color: var(--ws-text-faint);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-text-faint) 60%, transparent);
    }
  }
  .bg-\[var\(--ws-text-faint\,rgba\(10\,22\,40\,0\.18\)\)\] {
    background-color: var(--ws-text-faint,rgba(10,22,40,0.18));
  }
  .bg-\[var\(--ws-text-muted\)\] {
    background-color: var(--ws-text-muted);
  }
  .bg-\[var\(--ws-text-subtle\)\] {
    background-color: var(--ws-text-subtle);
  }
  .bg-\[var\(--ws-text-subtle\)\]\/30 {
    background-color: var(--ws-text-subtle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-text-subtle) 30%, transparent);
    }
  }
  .bg-\[var\(--ws-warn\)\] {
    background-color: var(--ws-warn);
  }
  .bg-\[var\(--ws-warn\,var\(--ws-accent\)\)\] {
    background-color: var(--ws-warn,var(--ws-accent));
  }
  .bg-\[var\(--ws-warn-ink\)\] {
    background-color: var(--ws-warn-ink);
  }
  .bg-\[var\(--ws-warn-soft\)\] {
    background-color: var(--ws-warn-soft);
  }
  .bg-\[var\(--ws-warn-soft\)\]\/30 {
    background-color: var(--ws-warn-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-warn-soft) 30%, transparent);
    }
  }
  .bg-\[var\(--ws-warn-soft\)\]\/40 {
    background-color: var(--ws-warn-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-warn-soft) 40%, transparent);
    }
  }
  .bg-\[var\(--ws-warn-soft\)\]\/50 {
    background-color: var(--ws-warn-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ws-warn-soft) 50%, transparent);
    }
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-50\/30 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
    }
  }
  .bg-amber-50\/40 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
    }
  }
  .bg-amber-50\/50 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
    }
  }
  .bg-amber-50\/60 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
    }
  }
  .bg-amber-50\/80 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
  }
  .bg-amber-50\/90 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 90%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-100\/50 {
    background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-100) 50%, transparent);
    }
  }
  .bg-amber-100\/80 {
    background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
    }
  }
  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }
  .bg-amber-200\/50 {
    background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent);
    }
  }
  .bg-amber-300 {
    background-color: var(--color-amber-300);
  }
  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }
  .bg-amber-400\/80 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
    }
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-500\/10 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }
  .bg-amber-500\/15 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }
  .bg-amber-500\/20 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
  .bg-amber-500\/25 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
    }
  }
  .bg-amber-500\/30 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }
  .bg-amber-500\/70 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
    }
  }
  .bg-amber-500\/80 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
    }
  }
  .bg-amber-500\/90 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent);
    }
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
  .bg-amber-900\/30 {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
    }
  }
  .bg-amber-950\/30 {
    background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/5 {
    background-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-black\/8 {
    background-color: color-mix(in srgb, #000 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }
  .bg-black\/10 {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/45 {
    background-color: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-black\/55 {
    background-color: color-mix(in srgb, #000 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/70 {
    background-color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .bg-black\/80 {
    background-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .bg-black\/85 {
    background-color: color-mix(in srgb, #000 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-50\/50 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-400\/40 {
    background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-400) 40%, transparent);
    }
  }
  .bg-blue-400\/45 {
    background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-400) 45%, transparent);
    }
  }
  .bg-blue-400\/50 {
    background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
    }
  }
  .bg-blue-400\/80 {
    background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-400) 80%, transparent);
    }
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-500\/15 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }
  .bg-blue-500\/20 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .bg-blue-500\/25 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
    }
  }
  .bg-blue-500\/30 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
  .bg-blue-500\/40 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-cyan-50\/60 {
    background-color: color-mix(in srgb, oklch(98.4% 0.019 200.873) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-50) 60%, transparent);
    }
  }
  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }
  .bg-cyan-400\/80 {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
    }
  }
  .bg-cyan-400\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 6%, transparent);
    }
  }
  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }
  .bg-cyan-500\/15 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent);
    }
  }
  .bg-cyan-500\/25 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent);
    }
  }
  .bg-cyan-500\/30 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
    }
  }
  .bg-cyan-500\/35 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 35%, transparent);
    }
  }
  .bg-cyan-500\/40 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
    }
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/30 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 30%, transparent);
    }
  }
  .bg-emerald-50\/40 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent);
    }
  }
  .bg-emerald-50\/50 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
    }
  }
  .bg-emerald-50\/60 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
    }
  }
  .bg-emerald-50\/70 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent);
    }
  }
  .bg-emerald-50\/80 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-100\/50 {
    background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-100) 50%, transparent);
    }
  }
  .bg-emerald-200 {
    background-color: var(--color-emerald-200);
  }
  .bg-emerald-200\/60 {
    background-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
    }
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-400\/40 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent);
    }
  }
  .bg-emerald-400\/45 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 45%, transparent);
    }
  }
  .bg-emerald-400\/50 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
    }
  }
  .bg-emerald-400\/60 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent);
    }
  }
  .bg-emerald-400\/80 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent);
    }
  }
  .bg-emerald-400\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 6%, transparent);
    }
  }
  .bg-emerald-400\/\[0\.09\] {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 9%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 9%, transparent);
    }
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-500\/8 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent);
    }
  }
  .bg-emerald-500\/10 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-emerald-500\/15 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }
  .bg-emerald-500\/20 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .bg-emerald-500\/25 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
    }
  }
  .bg-emerald-500\/30 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
  .bg-emerald-500\/85 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 85%, transparent);
    }
  }
  .bg-emerald-500\/90 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent);
    }
  }
  .bg-emerald-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 6%, transparent);
    }
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-fuchsia-500\/15 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 15%, transparent);
    }
  }
  .bg-fuchsia-500\/20 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);
    }
  }
  .bg-fuchsia-500\/25 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 25%, transparent);
    }
  }
  .bg-fuchsia-500\/30 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent);
    }
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-indigo-50\/60 {
    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);
    }
  }
  .bg-indigo-50\/80 {
    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-50) 80%, transparent);
    }
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-indigo-400\/20 {
    background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
    }
  }
  .bg-indigo-400\/80 {
    background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-400) 80%, transparent);
    }
  }
  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-indigo-500\/10 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }
  .bg-indigo-500\/15 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent);
    }
  }
  .bg-indigo-500\/20 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
  }
  .bg-indigo-500\/25 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent);
    }
  }
  .bg-indigo-500\/30 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
    }
  }
  .bg-indigo-500\/80 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 80%, transparent);
    }
  }
  .bg-indigo-500\/90 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 90%, transparent);
    }
  }
  .bg-neutral-50 {
    background-color: var(--color-neutral-50);
  }
  .bg-neutral-50\/30 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 30%, transparent);
    }
  }
  .bg-neutral-50\/40 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 40%, transparent);
    }
  }
  .bg-neutral-50\/50 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 50%, transparent);
    }
  }
  .bg-neutral-50\/60 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 60%, transparent);
    }
  }
  .bg-neutral-50\/70 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 70%, transparent);
    }
  }
  .bg-neutral-50\/80 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 80%, transparent);
    }
  }
  .bg-neutral-50\/90 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 90%, transparent);
    }
  }
  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }
  .bg-neutral-100\/50 {
    background-color: color-mix(in srgb, oklch(97% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
    }
  }
  .bg-neutral-100\/60 {
    background-color: color-mix(in srgb, oklch(97% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 60%, transparent);
    }
  }
  .bg-neutral-100\/80 {
    background-color: color-mix(in srgb, oklch(97% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);
    }
  }
  .bg-neutral-100\/90 {
    background-color: color-mix(in srgb, oklch(97% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 90%, transparent);
    }
  }
  .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }
  .bg-neutral-200\/50 {
    background-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
    }
  }
  .bg-neutral-200\/60 {
    background-color: color-mix(in srgb, oklch(92.2% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent);
    }
  }
  .bg-neutral-200\/70 {
    background-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent);
    }
  }
  .bg-neutral-200\/80 {
    background-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
    }
  }
  .bg-neutral-300 {
    background-color: var(--color-neutral-300);
  }
  .bg-neutral-300\/70 {
    background-color: color-mix(in srgb, oklch(87% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-300) 70%, transparent);
    }
  }
  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }
  .bg-neutral-400\! {
    background-color: var(--color-neutral-400) !important;
  }
  .bg-neutral-400\/90 {
    background-color: color-mix(in srgb, oklch(70.8% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-400) 90%, transparent);
    }
  }
  .bg-neutral-500 {
    background-color: var(--color-neutral-500);
  }
  .bg-neutral-500\/15 {
    background-color: color-mix(in srgb, oklch(55.6% 0 0) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-500) 15%, transparent);
    }
  }
  .bg-neutral-600 {
    background-color: var(--color-neutral-600);
  }
  .bg-neutral-700 {
    background-color: var(--color-neutral-700);
  }
  .bg-neutral-800 {
    background-color: var(--color-neutral-800);
  }
  .bg-neutral-800\/50 {
    background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
    }
  }
  .bg-neutral-800\/80 {
    background-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
    }
  }
  .bg-neutral-800\/90 {
    background-color: color-mix(in srgb, oklch(26.9% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-800) 90%, transparent);
    }
  }
  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }
  .bg-neutral-900\/5 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 5%, transparent);
    }
  }
  .bg-neutral-900\/40 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
    }
  }
  .bg-neutral-900\/50 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
    }
  }
  .bg-neutral-900\/60 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);
    }
  }
  .bg-neutral-900\/70 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 70%, transparent);
    }
  }
  .bg-neutral-900\/80 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
    }
  }
  .bg-neutral-900\/90 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent);
    }
  }
  .bg-neutral-900\/95 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 95%, transparent);
    }
  }
  .bg-neutral-950 {
    background-color: var(--color-neutral-950);
  }
  .bg-neutral-950\/5 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 5%, transparent);
    }
  }
  .bg-neutral-950\/95 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 95%, transparent);
    }
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-50\/60 {
    background-color: color-mix(in srgb, oklch(98% 0.016 73.684) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-50) 60%, transparent);
    }
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-orange-400\/80 {
    background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-400) 80%, transparent);
    }
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-pink-50\/60 {
    background-color: color-mix(in srgb, oklch(97.1% 0.014 343.198) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-50) 60%, transparent);
    }
  }
  .bg-pink-200 {
    background-color: var(--color-pink-200);
  }
  .bg-pink-400\/80 {
    background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-400) 80%, transparent);
    }
  }
  .bg-pink-500\/15 {
    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-500) 15%, transparent);
    }
  }
  .bg-pink-500\/30 {
    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
    }
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-50\/60 {
    background-color: color-mix(in srgb, oklch(97.7% 0.014 308.299) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-50) 60%, transparent);
    }
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-purple-400 {
    background-color: var(--color-purple-400);
  }
  .bg-purple-400\/15 {
    background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-400) 15%, transparent);
    }
  }
  .bg-purple-500\/15 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
    }
  }
  .bg-purple-500\/30 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
    }
  }
  .bg-purple-500\/40 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent);
    }
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-50\/30 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent);
    }
  }
  .bg-red-50\/50 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent);
    }
  }
  .bg-red-50\/90 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 90%, transparent);
    }
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-400\/80 {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
    }
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/20 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-50\/30 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 30%, transparent);
    }
  }
  .bg-rose-50\/40 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 40%, transparent);
    }
  }
  .bg-rose-50\/50 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 50%, transparent);
    }
  }
  .bg-rose-50\/60 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 60%, transparent);
    }
  }
  .bg-rose-50\/70 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 70%, transparent);
    }
  }
  .bg-rose-50\/80 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 80%, transparent);
    }
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-rose-200 {
    background-color: var(--color-rose-200);
  }
  .bg-rose-200\/60 {
    background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-200) 60%, transparent);
    }
  }
  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }
  .bg-rose-400\/80 {
    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-400) 80%, transparent);
    }
  }
  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }
  .bg-rose-500\/8 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 8%, transparent);
    }
  }
  .bg-rose-500\/10 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }
  .bg-rose-500\/15 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
    }
  }
  .bg-rose-500\/20 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .bg-rose-500\/25 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);
    }
  }
  .bg-rose-500\/30 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }
  .bg-rose-500\/90 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 90%, transparent);
    }
  }
  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-sky-50\/30 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 30%, transparent);
    }
  }
  .bg-sky-50\/40 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 40%, transparent);
    }
  }
  .bg-sky-50\/50 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 50%, transparent);
    }
  }
  .bg-sky-50\/60 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 60%, transparent);
    }
  }
  .bg-sky-50\/70 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 70%, transparent);
    }
  }
  .bg-sky-50\/80 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 80%, transparent);
    }
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }
  .bg-sky-200 {
    background-color: var(--color-sky-200);
  }
  .bg-sky-400 {
    background-color: var(--color-sky-400);
  }
  .bg-sky-400\/6 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 6%, transparent);
    }
  }
  .bg-sky-400\/20 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
    }
  }
  .bg-sky-400\/30 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
    }
  }
  .bg-sky-400\/40 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 40%, transparent);
    }
  }
  .bg-sky-400\/45 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 45%, transparent);
    }
  }
  .bg-sky-400\/50 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 50%, transparent);
    }
  }
  .bg-sky-400\/60 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 60%, transparent);
    }
  }
  .bg-sky-400\/80 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 80%, transparent);
    }
  }
  .bg-sky-500 {
    background-color: var(--color-sky-500);
  }
  .bg-sky-500\/10 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
  }
  .bg-sky-500\/15 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
    }
  }
  .bg-sky-500\/20 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
  }
  .bg-sky-500\/25 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent);
    }
  }
  .bg-sky-500\/30 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
    }
  }
  .bg-sky-500\/90 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 90%, transparent);
    }
  }
  .bg-sky-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 6%, transparent);
    }
  }
  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }
  .bg-sky-900\/30 {
    background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
    }
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-400 {
    background-color: var(--color-slate-400);
  }
  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-900\/50 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }
  .bg-slate-900\/55 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 55%, transparent);
    }
  }
  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }
  .bg-teal-50\/50 {
    background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-50) 50%, transparent);
    }
  }
  .bg-teal-50\/80 {
    background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-50) 80%, transparent);
    }
  }
  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-teal-400\/20 {
    background-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-400) 20%, transparent);
    }
  }
  .bg-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-teal-500\/15 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 15%, transparent);
    }
  }
  .bg-teal-500\/20 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
    }
  }
  .bg-teal-500\/25 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 25%, transparent);
    }
  }
  .bg-teal-500\/30 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
    }
  }
  .bg-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-violet-50\/30 {
    background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-50) 30%, transparent);
    }
  }
  .bg-violet-50\/40 {
    background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-50) 40%, transparent);
    }
  }
  .bg-violet-50\/50 {
    background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-50) 50%, transparent);
    }
  }
  .bg-violet-50\/60 {
    background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-50) 60%, transparent);
    }
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-violet-100\/50 {
    background-color: color-mix(in srgb, oklch(94.3% 0.029 294.588) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-100) 50%, transparent);
    }
  }
  .bg-violet-200 {
    background-color: var(--color-violet-200);
  }
  .bg-violet-200\/80 {
    background-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-200) 80%, transparent);
    }
  }
  .bg-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-violet-400\/18 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 18%, transparent);
    }
  }
  .bg-violet-400\/20 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }
  .bg-violet-400\/30 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent);
    }
  }
  .bg-violet-400\/40 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 40%, transparent);
    }
  }
  .bg-violet-400\/80 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 80%, transparent);
    }
  }
  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-violet-500\/5 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent);
    }
  }
  .bg-violet-500\/8 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 8%, transparent);
    }
  }
  .bg-violet-500\/10 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }
  .bg-violet-500\/15 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
  }
  .bg-violet-500\/20 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }
  .bg-violet-500\/25 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
    }
  }
  .bg-violet-500\/30 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
  }
  .bg-violet-500\/85 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 85%, transparent);
    }
  }
  .bg-violet-500\/90 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 90%, transparent);
    }
  }
  .bg-violet-500\/\[0\.04\] {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 4%, transparent);
    }
  }
  .bg-violet-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 6%, transparent);
    }
  }
  .bg-violet-500\/\[0\.07\] {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 7.000000000000001%, transparent);
    }
  }
  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\! {
    background-color: var(--color-white) !important;
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/25 {
    background-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .bg-white\/30 {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .bg-white\/40 {
    background-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .bg-white\/50 {
    background-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-white\/55 {
    background-color: color-mix(in srgb, #fff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .bg-white\/60 {
    background-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/75 {
    background-color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .bg-zinc-950 {
    background-color: var(--color-zinc-950);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[radial-gradient\(closest-side\,rgba\(201\,169\,110\,0\.22\)\,transparent_70\%\)\] {
    background-image: radial-gradient(closest-side,rgba(201,169,110,0.22),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_25\%_25\%\,rgba\(201\,169\,110\,0\.10\)_0\%\,transparent_55\%\)\,linear-gradient\(135deg\,\#faf6ec_0\%\,\#f0ebde_100\%\)\] {
    background-image: radial-gradient(ellipse at 25% 25%,rgba(201,169,110,0.10) 0%,transparent 55%),linear-gradient(135deg,#faf6ec 0%,#f0ebde 100%);
  }
  .bg-\[radial-gradient\(ellipse_at_50\%_35\%\,rgba\(216\,184\,123\,0\.22\)_0\%\,transparent_55\%\)\,radial-gradient\(ellipse_at_50\%_100\%\,rgba\(216\,184\,123\,0\.08\)_0\%\,transparent_70\%\)\,linear-gradient\(180deg\,\#0a1626_0\%\,\#060e1a_100\%\)\] {
    background-image: radial-gradient(ellipse at 50% 35%,rgba(216,184,123,0.22) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(216,184,123,0.08) 0%,transparent 70%),linear-gradient(180deg,#0a1626 0%,#060e1a 100%);
  }
  .from-\[\#0a1628\] {
    --tw-gradient-from: #0a1628;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#1a2a4a\]\/12 {
    --tw-gradient-from: color-mix(in oklab, #1a2a4a 12%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#2d8a5a\] {
    --tw-gradient-from: #2d8a5a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#2e6a94\] {
    --tw-gradient-from: #2e6a94;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#6b6557\] {
    --tw-gradient-from: #6b6557;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#b2413a\] {
    --tw-gradient-from: #b2413a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#b9852b\] {
    --tw-gradient-from: #b9852b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#c9a96e\] {
    --tw-gradient-from: #c9a96e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#f5e2b0\]\/15 {
    --tw-gradient-from: color-mix(in oklab, #f5e2b0 15%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#f5f0e4\]\/80 {
    --tw-gradient-from: color-mix(in oklab, #f5f0e4 80%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[bg-card\] {
    --tw-gradient-from: bg-card;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--ws-accent\)\] {
    --tw-gradient-from: var(--ws-accent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--ws-accent-soft\)\] {
    --tw-gradient-from: var(--ws-accent-soft);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--ws-accent-soft\)\]\/40 {
    --tw-gradient-from: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--ws-accent-soft) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--ws-accent-soft\)\]\/55 {
    --tw-gradient-from: var(--ws-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--ws-accent-soft) 55%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--ws-bg-card\)\] {
    --tw-gradient-from: var(--ws-bg-card);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--ws-negative\)\] {
    --tw-gradient-from: var(--ws-negative);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--ws-positive\)\] {
    --tw-gradient-from: var(--ws-positive);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--ws-warn\)\] {
    --tw-gradient-from: var(--ws-warn);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-50\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-50\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-50\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-100 {
    --tw-gradient-from: var(--color-amber-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-400 {
    --tw-gradient-from: var(--color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-400\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(82.8% 0.189 84.429) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-400\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-400\/\[0\.08\] {
    --tw-gradient-from: color-mix(in srgb, oklch(82.8% 0.189 84.429) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-400) 8%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-500\/14 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 14%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-600 {
    --tw-gradient-from: var(--color-amber-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-900\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(93.2% 0.032 255.585) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-400\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.7% 0.165 254.624) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-400) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-50 {
    --tw-gradient-from: var(--color-cyan-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-400 {
    --tw-gradient-from: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-400\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(78.9% 0.154 211.53) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-400) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-400\/25 {
    --tw-gradient-from: color-mix(in srgb, oklch(78.9% 0.154 211.53) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-400) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-400\/\[0\.07\] {
    --tw-gradient-from: color-mix(in srgb, oklch(78.9% 0.154 211.53) 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-400) 7.000000000000001%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-50 {
    --tw-gradient-from: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-50\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-100 {
    --tw-gradient-from: var(--color-emerald-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(95% 0.052 163.051) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-400 {
    --tw-gradient-from: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-400\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-400\/25 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-400\/\[0\.07\] {
    --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 7.000000000000001%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-500 {
    --tw-gradient-from: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-500\/12 {
    --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 12%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-500\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-600 {
    --tw-gradient-from: var(--color-emerald-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-fuchsia-500 {
    --tw-gradient-from: var(--color-fuchsia-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(79.2% 0.209 151.711) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-50\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-50\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.2% 0.018 272.314) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-100 {
    --tw-gradient-from: var(--color-indigo-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-400 {
    --tw-gradient-from: var(--color-indigo-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-500 {
    --tw-gradient-from: var(--color-indigo-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-50\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-50) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-50\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-50) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-100 {
    --tw-gradient-from: var(--color-neutral-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(97% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-100\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(97% 0 0) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-100) 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-200 {
    --tw-gradient-from: var(--color-neutral-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-200\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(92.2% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-200) 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-400 {
    --tw-gradient-from: var(--color-neutral-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-400\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.8% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-100 {
    --tw-gradient-from: var(--color-orange-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-pink-400 {
    --tw-gradient-from: var(--color-pink-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-pink-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.8% 0.202 349.761) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-red-500 {
    --tw-gradient-from: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-50\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.9% 0.015 12.422) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-100 {
    --tw-gradient-from: var(--color-rose-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(94.1% 0.03 12.58) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-400 {
    --tw-gradient-from: var(--color-rose-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-400\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.2% 0.194 13.428) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-400) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-400\/25 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.2% 0.194 13.428) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-400) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-400\/\[0\.07\] {
    --tw-gradient-from: color-mix(in srgb, oklch(71.2% 0.194 13.428) 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-400) 7.000000000000001%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-500 {
    --tw-gradient-from: var(--color-rose-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-500\/12 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.5% 0.246 16.439) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 12%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-50\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(97.7% 0.013 236.62) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-100 {
    --tw-gradient-from: var(--color-sky-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-400 {
    --tw-gradient-from: var(--color-sky-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-400\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(74.6% 0.16 232.661) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-400\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(74.6% 0.16 232.661) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-400) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-400\/25 {
    --tw-gradient-from: color-mix(in srgb, oklch(74.6% 0.16 232.661) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-400) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-400\/\[0\.06\] {
    --tw-gradient-from: color-mix(in srgb, oklch(74.6% 0.16 232.661) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-400) 6%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-500 {
    --tw-gradient-from: var(--color-sky-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-500\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-500\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-500\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-600 {
    --tw-gradient-from: var(--color-sky-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-50\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-100 {
    --tw-gradient-from: var(--color-slate-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-500 {
    --tw-gradient-from: var(--color-slate-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-teal-50 {
    --tw-gradient-from: var(--color-teal-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-teal-100 {
    --tw-gradient-from: var(--color-teal-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-teal-400\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(77.7% 0.152 181.912) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-400) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-teal-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(77.7% 0.152 181.912) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-50 {
    --tw-gradient-from: var(--color-violet-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-50\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.9% 0.016 293.756) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-50\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.9% 0.016 293.756) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-50) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-50\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.9% 0.016 293.756) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-50) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-100 {
    --tw-gradient-from: var(--color-violet-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(94.3% 0.029 294.588) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-400 {
    --tw-gradient-from: var(--color-violet-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-400\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.2% 0.183 293.541) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-400) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-400\/25 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.2% 0.183 293.541) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-400) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-400\/\[0\.07\] {
    --tw-gradient-from: color-mix(in srgb, oklch(70.2% 0.183 293.541) 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-400) 7.000000000000001%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500 {
    --tw-gradient-from: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500\/12 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 12%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500\/15 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-600 {
    --tw-gradient-from: var(--color-violet-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white\/80 {
    --tw-gradient-from: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white\/\[0\.1\] {
    --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-55\% {
    --tw-gradient-from-position: 55%;
  }
  .via-\[\#faf6ed\]\/60 {
    --tw-gradient-via: color-mix(in oklab, #faf6ed 60%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-\[bg-card\]\/75 {
    --tw-gradient-via: color-mix(in oklab, bg-card 75%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-\[var\(--ws-bg-card\)\] {
    --tw-gradient-via: var(--ws-bg-card);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-amber-50\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-amber-500\/14 {
    --tw-gradient-via: color-mix(in srgb, oklch(76.9% 0.188 70.08) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 14%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-blue-500 {
    --tw-gradient-via: var(--color-blue-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-blue-500\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-50 {
    --tw-gradient-via: var(--color-cyan-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-50\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(98.4% 0.019 200.873) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-50) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-400 {
    --tw-gradient-via: var(--color-cyan-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-400\/10 {
    --tw-gradient-via: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-500 {
    --tw-gradient-via: var(--color-cyan-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-500\/12 {
    --tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 12%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-emerald-50\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-50) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-emerald-400 {
    --tw-gradient-via: var(--color-emerald-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-emerald-500\/12 {
    --tw-gradient-via: color-mix(in srgb, oklch(69.6% 0.17 162.48) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 12%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-gray-50\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(98.5% 0.002 247.839) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-gray-50) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-green-400\/10 {
    --tw-gradient-via: color-mix(in srgb, oklch(79.2% 0.209 151.711) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-green-400) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-indigo-50\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(96.2% 0.018 272.314) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-neutral-50\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(98.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-50) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-neutral-100\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(97% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-neutral-100\/85 {
    --tw-gradient-via: color-mix(in srgb, oklch(97% 0 0) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-100) 85%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-orange-50\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(98% 0.016 73.684) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-50) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-orange-400\/10 {
    --tw-gradient-via: color-mix(in srgb, oklch(75% 0.183 55.934) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-400) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-purple-50\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(97.7% 0.014 308.299) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-50) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-purple-400\/10 {
    --tw-gradient-via: color-mix(in srgb, oklch(71.4% 0.203 305.504) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-400) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-purple-500 {
    --tw-gradient-via: var(--color-purple-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-red-50\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(97.1% 0.013 17.38) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-red-50) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-rose-50\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(96.9% 0.015 12.422) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-50) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-rose-500\/12 {
    --tw-gradient-via: color-mix(in srgb, oklch(64.5% 0.246 16.439) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 12%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-sky-50\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(97.7% 0.013 236.62) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-sky-50) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-sky-500\/10 {
    --tw-gradient-via: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-teal-50\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(98.4% 0.014 180.72) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-50) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-teal-500 {
    --tw-gradient-via: var(--color-teal-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-50\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(96.9% 0.016 293.756) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-50) 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-50\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(96.9% 0.016 293.756) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-50) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-400\/5 {
    --tw-gradient-via: color-mix(in srgb, oklch(70.2% 0.183 293.541) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-400) 5%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-400\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(70.2% 0.183 293.541) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-500 {
    --tw-gradient-via: var(--color-violet-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-500\/12 {
    --tw-gradient-via: color-mix(in srgb, oklch(60.6% 0.25 292.717) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-500) 12%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-500\/35 {
    --tw-gradient-via: color-mix(in srgb, oklch(60.6% 0.25 292.717) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-500) 35%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/60 {
    --tw-gradient-via: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/70 {
    --tw-gradient-via: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/80 {
    --tw-gradient-via: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-\[\#1a2d44\] {
    --tw-gradient-to: #1a2d44;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#1d5d3d\] {
    --tw-gradient-to: #1d5d3d;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#1d4566\] {
    --tw-gradient-to: #1d4566;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#7a2a25\] {
    --tw-gradient-to: #7a2a25;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#7a5818\] {
    --tw-gradient-to: #7a5818;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#8a7340\] {
    --tw-gradient-to: #8a7340;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#423e36\] {
    --tw-gradient-to: #423e36;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#d4b87d\] {
    --tw-gradient-to: #d4b87d;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#e8dcc0\]\/60 {
    --tw-gradient-to: color-mix(in oklab, #e8dcc0 60%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[color\:color-mix\(in_srgb\,var\(--ws-accent\)_70\%\,white\)\] {
    --tw-gradient-to: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in srgb,var(--ws-accent) 70%,white);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[color\:color-mix\(in_srgb\,var\(--ws-negative\)_70\%\,white\)\] {
    --tw-gradient-to: var(--ws-negative);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in srgb,var(--ws-negative) 70%,white);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[color\:color-mix\(in_srgb\,var\(--ws-positive\)_70\%\,white\)\] {
    --tw-gradient-to: var(--ws-positive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in srgb,var(--ws-positive) 70%,white);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[color\:color-mix\(in_srgb\,var\(--ws-warn\)_70\%\,white\)\] {
    --tw-gradient-to: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in srgb,var(--ws-warn) 70%,white);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[var\(--ws-accent\)\] {
    --tw-gradient-to: var(--ws-accent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[var\(--ws-bg-card\)\] {
    --tw-gradient-to: var(--ws-bg-card);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-50\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-100 {
    --tw-gradient-to: var(--color-amber-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-100 {
    --tw-gradient-to: var(--color-blue-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-600 {
    --tw-gradient-to: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-50 {
    --tw-gradient-to: var(--color-cyan-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.019 200.873) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-50\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.019 200.873) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-100 {
    --tw-gradient-to: var(--color-cyan-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-400\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(78.9% 0.154 211.53) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-400) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500\/\[0\.04\] {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 4%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-50 {
    --tw-gradient-to: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-50\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.9% 0.021 166.113) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-50) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-400 {
    --tw-gradient-to: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-500 {
    --tw-gradient-to: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-600 {
    --tw-gradient-to: var(--color-emerald-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-50\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.017 320.058) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-100\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(95.2% 0.037 318.852) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-500 {
    --tw-gradient-to: var(--color-fuchsia-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-500\/14 {
    --tw-gradient-to: color-mix(in srgb, oklch(66.7% 0.295 322.15) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 14%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-500\/\[0\.04\] {
    --tw-gradient-to: color-mix(in srgb, oklch(66.7% 0.295 322.15) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 4%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-50 {
    --tw-gradient-to: var(--color-green-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-100\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.044 156.743) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-500 {
    --tw-gradient-to: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-50 {
    --tw-gradient-to: var(--color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-50\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-50) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-100 {
    --tw-gradient-to: var(--color-indigo-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-50\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.5% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-50\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-50) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-200\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-200) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-300 {
    --tw-gradient-to: var(--color-neutral-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-300\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(87% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-300) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(55.6% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-500\/\[0\.03\] {
    --tw-gradient-to: color-mix(in srgb, oklch(55.6% 0 0) 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-500) 3%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-600 {
    --tw-gradient-to: var(--color-neutral-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(98% 0.016 73.684) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-50\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(98% 0.016 73.684) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-50) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-100 {
    --tw-gradient-to: var(--color-orange-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-400\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(75% 0.183 55.934) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-400) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500\/14 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 14%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500\/\[0\.04\] {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 4%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-600 {
    --tw-gradient-to: var(--color-orange-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-900\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.1% 0.014 343.198) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-100 {
    --tw-gradient-to: var(--color-pink-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-100\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(94.8% 0.028 342.258) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-400 {
    --tw-gradient-to: var(--color-pink-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-500\/14 {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 14%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-500\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-500\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-500\/\[0\.04\] {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 4%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-600 {
    --tw-gradient-to: var(--color-pink-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-50 {
    --tw-gradient-to: var(--color-purple-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.014 308.299) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-100 {
    --tw-gradient-to: var(--color-purple-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-400 {
    --tw-gradient-to: var(--color-purple-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-600 {
    --tw-gradient-to: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-500 {
    --tw-gradient-to: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-600 {
    --tw-gradient-to: var(--color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-rose-500 {
    --tw-gradient-to: var(--color-rose-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-rose-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-rose-600 {
    --tw-gradient-to: var(--color-rose-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-50 {
    --tw-gradient-to: var(--color-sky-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.013 236.62) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-50\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.013 236.62) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-50) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-50\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.013 236.62) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-50\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.013 236.62) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-50) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-50\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.013 236.62) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-50) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-100 {
    --tw-gradient-to: var(--color-sky-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-100\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(95.1% 0.026 236.824) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-400 {
    --tw-gradient-to: var(--color-sky-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-400\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(74.6% 0.16 232.661) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-400) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500 {
    --tw-gradient-to: var(--color-sky-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500\/14 {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 14%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500\/\[0\.04\] {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 4%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-600 {
    --tw-gradient-to: var(--color-sky-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-100\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-stone-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.5% 0.001 106.423) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-stone-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-stone-100 {
    --tw-gradient-to: var(--color-stone-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-50 {
    --tw-gradient-to: var(--color-teal-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.014 180.72) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-50\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.014 180.72) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-100 {
    --tw-gradient-to: var(--color-teal-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-400 {
    --tw-gradient-to: var(--color-teal-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-400\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(77.7% 0.152 181.912) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-400) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-500 {
    --tw-gradient-to: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-500\/\[0\.04\] {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 4%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-600 {
    --tw-gradient-to: var(--color-teal-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.9% 0.016 293.756) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-50\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.9% 0.016 293.756) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-50) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-50\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.9% 0.016 293.756) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-50\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.9% 0.016 293.756) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-50) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-50\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.9% 0.016 293.756) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-50) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-100 {
    --tw-gradient-to: var(--color-violet-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-400 {
    --tw-gradient-to: var(--color-violet-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-500 {
    --tw-gradient-to: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-600 {
    --tw-gradient-to: var(--color-violet-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-yellow-100\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.3% 0.071 103.193) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-yellow-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-yellow-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.5% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-zinc-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-100 {
    --tw-gradient-to: var(--color-zinc-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-600 {
    --tw-gradient-to: var(--color-zinc-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .\[mask-image\:linear-gradient\(to_right\,black_0\,black_calc\(100\%-24px\)\,transparent_100\%\)\] {
    mask-image: linear-gradient(to right,black 0,black calc(100% - 24px),transparent 100%);
  }
  .bg-\[length\:200\%_100\%\] {
    background-size: 200% 100%;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .fill-\[\#0a1628\] {
    fill: #0a1628;
  }
  .fill-\[var\(--ws-accent\)\] {
    fill: var(--ws-accent);
  }
  .fill-amber-200 {
    fill: var(--color-amber-200);
  }
  .fill-amber-400 {
    fill: var(--color-amber-400);
  }
  .fill-amber-500 {
    fill: var(--color-amber-500);
  }
  .fill-blue-400 {
    fill: var(--color-blue-400);
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-cyan-400 {
    fill: var(--color-cyan-400);
  }
  .fill-emerald-400 {
    fill: var(--color-emerald-400);
  }
  .fill-emerald-500 {
    fill: var(--color-emerald-500);
  }
  .fill-indigo-400 {
    fill: var(--color-indigo-400);
  }
  .fill-neutral-200 {
    fill: var(--color-neutral-200);
  }
  .fill-neutral-300 {
    fill: var(--color-neutral-300);
  }
  .fill-neutral-500 {
    fill: var(--color-neutral-500);
  }
  .fill-neutral-800 {
    fill: var(--color-neutral-800);
  }
  .fill-orange-400 {
    fill: var(--color-orange-400);
  }
  .fill-pink-400 {
    fill: var(--color-pink-400);
  }
  .fill-red-400 {
    fill: var(--color-red-400);
  }
  .fill-rose-400 {
    fill: var(--color-rose-400);
  }
  .fill-sky-200 {
    fill: var(--color-sky-200);
  }
  .fill-sky-300 {
    fill: var(--color-sky-300);
  }
  .fill-sky-400 {
    fill: var(--color-sky-400);
  }
  .fill-sky-500 {
    fill: var(--color-sky-500);
  }
  .fill-violet-200 {
    fill: var(--color-violet-200);
  }
  .fill-violet-300 {
    fill: var(--color-violet-300);
  }
  .fill-violet-400 {
    fill: var(--color-violet-400);
  }
  .fill-violet-500 {
    fill: var(--color-violet-500);
  }
  .fill-white {
    fill: var(--color-white);
  }
  .stroke-amber-300\/50 {
    stroke: color-mix(in srgb, oklch(87.9% 0.169 91.605) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-amber-300) 50%, transparent);
    }
  }
  .stroke-amber-400 {
    stroke: var(--color-amber-400);
  }
  .stroke-blue-400 {
    stroke: var(--color-blue-400);
  }
  .stroke-cyan-400 {
    stroke: var(--color-cyan-400);
  }
  .stroke-emerald-200\/60 {
    stroke: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
    }
  }
  .stroke-emerald-300 {
    stroke: var(--color-emerald-300);
  }
  .stroke-emerald-400 {
    stroke: var(--color-emerald-400);
  }
  .stroke-indigo-400 {
    stroke: var(--color-indigo-400);
  }
  .stroke-neutral-100 {
    stroke: var(--color-neutral-100);
  }
  .stroke-neutral-200 {
    stroke: var(--color-neutral-200);
  }
  .stroke-neutral-300 {
    stroke: var(--color-neutral-300);
  }
  .stroke-neutral-500 {
    stroke: var(--color-neutral-500);
  }
  .stroke-neutral-800 {
    stroke: var(--color-neutral-800);
  }
  .stroke-orange-400 {
    stroke: var(--color-orange-400);
  }
  .stroke-pink-400 {
    stroke: var(--color-pink-400);
  }
  .stroke-red-400 {
    stroke: var(--color-red-400);
  }
  .stroke-rose-400 {
    stroke: var(--color-rose-400);
  }
  .stroke-sky-400 {
    stroke: var(--color-sky-400);
  }
  .stroke-sky-500 {
    stroke: var(--color-sky-500);
  }
  .stroke-violet-400 {
    stroke: var(--color-violet-400);
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .stroke-1 {
    stroke-width: 1;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .\!p-1 {
    padding: calc(var(--spacing) * 1) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .\!px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }
  .\!px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .\!py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-4\.5 {
    padding-top: calc(var(--spacing) * 4.5);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-\[3px\] {
    padding-top: 3px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[max\(0\.5rem\,env\(safe-area-inset-top\)\)\] {
    padding-top: max(0.5rem, env(safe-area-inset-top));
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .pr-\[52px\] {
    padding-right: 52px;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }
  .pb-\[10rem\] {
    padding-bottom: 10rem;
  }
  .pb-\[88px\] {
    padding-bottom: 88px;
  }
  .pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-8\! {
    padding-left: calc(var(--spacing) * 8) !important;
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-\[52px\] {
    padding-left: 52px;
  }
  .pl-\[58px\] {
    padding-left: 58px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-top {
    vertical-align: top;
  }
  .font-\[system-ui\] {
    font-family: system-ui;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\/8 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 8);
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\!text-\[10px\] {
    font-size: 10px !important;
  }
  .\!text-\[11px\] {
    font-size: 11px !important;
  }
  .text-\[1\.125rem\] {
    font-size: 1.125rem;
  }
  .text-\[7px\] {
    font-size: 7px;
  }
  .text-\[8\.5px\] {
    font-size: 8.5px;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9\.5px\] {
    font-size: 9.5px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14\.5px\] {
    font-size: 14.5px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15\.5px\] {
    font-size: 15.5px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[19px\] {
    font-size: 19px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[52px\] {
    font-size: 52px;
  }
  .text-\[60px\] {
    font-size: 60px;
  }
  .text-\[64px\] {
    font-size: 64px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-\[0\.85\] {
    --tw-leading: 0.85;
    line-height: 0.85;
  }
  .leading-\[0\.95\] {
    --tw-leading: 0.95;
    line-height: 0.95;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.18\] {
    --tw-leading: 1.18;
    line-height: 1.18;
  }
  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-\[var\(--font-display-serif\)\] {
    --tw-font-weight: var(--font-display-serif);
    font-weight: var(--font-display-serif);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\!tracking-\[0\.14em\] {
    --tw-tracking: 0.14em !important;
    letter-spacing: 0.14em !important;
  }
  .\!tracking-\[0\.16em\] {
    --tw-tracking: 0.16em !important;
    letter-spacing: 0.16em !important;
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.005em\] {
    --tw-tracking: -0.005em;
    letter-spacing: -0.005em;
  }
  .tracking-\[-0\.012em\] {
    --tw-tracking: -0.012em;
    letter-spacing: -0.012em;
  }
  .tracking-\[-0\.018em\] {
    --tw-tracking: -0.018em;
    letter-spacing: -0.018em;
  }
  .tracking-\[0\.01em\] {
    --tw-tracking: 0.01em;
    letter-spacing: 0.01em;
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.10em\] {
    --tw-tracking: 0.10em;
    letter-spacing: 0.10em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-\[0\.15em\] {
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
  }
  .tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.22em\] {
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
  }
  .tracking-\[0\.28em\] {
    --tw-tracking: 0.28em;
    letter-spacing: 0.28em;
  }
  .tracking-\[0\.32em\] {
    --tw-tracking: 0.32em;
    letter-spacing: 0.32em;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .text-clip {
    text-overflow: clip;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-\[var\(--ws-text\)\] {
    color: var(--ws-text) !important;
  }
  .text-\[\#0a1628\] {
    color: #0a1628;
  }
  .text-\[\#7a3530\] {
    color: #7a3530;
  }
  .text-\[\#8a6d33\] {
    color: #8a6d33;
  }
  .text-\[\#060e1a\] {
    color: #060e1a;
  }
  .text-\[\#0078D4\] {
    color: #0078D4;
  }
  .text-\[\#EA4335\] {
    color: #EA4335;
  }
  .text-\[\#d8b87b\] {
    color: #d8b87b;
  }
  .text-\[\#f4ede0\] {
    color: #f4ede0;
  }
  .text-\[\#f5f0e8\] {
    color: #f5f0e8;
  }
  .text-\[rgba\(244\,237\,224\,0\.7\)\] {
    color: rgba(244,237,224,0.7);
  }
  .text-\[rgba\(244\,237\,224\,0\.42\)\] {
    color: rgba(244,237,224,0.42);
  }
  .text-\[rgba\(244\,237\,224\,0\.62\)\] {
    color: rgba(244,237,224,0.62);
  }
  .text-\[rgba\(244\,237\,224\,0\.78\)\] {
    color: rgba(244,237,224,0.78);
  }
  .text-\[var\(--nstack-accent\)\] {
    color: var(--nstack-accent);
  }
  .text-\[var\(--nstack-accent\)\]\/60 {
    color: var(--nstack-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--nstack-accent) 60%, transparent);
    }
  }
  .text-\[var\(--portal-text\)\] {
    color: var(--portal-text);
  }
  .text-\[var\(--ws-accent\)\] {
    color: var(--ws-accent);
  }
  .text-\[var\(--ws-accent\)\]\/20 {
    color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ws-accent) 20%, transparent);
    }
  }
  .text-\[var\(--ws-accent\)\]\/70 {
    color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ws-accent) 70%, transparent);
    }
  }
  .text-\[var\(--ws-accent\)\]\/80 {
    color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ws-accent) 80%, transparent);
    }
  }
  .text-\[var\(--ws-accent\,\#c9a96e\)\] {
    color: var(--ws-accent,#c9a96e);
  }
  .text-\[var\(--ws-accent\,_\#b9852b\)\] {
    color: var(--ws-accent, #b9852b);
  }
  .text-\[var\(--ws-accent\,_\#c9a96e\)\] {
    color: var(--ws-accent, #c9a96e);
  }
  .text-\[var\(--ws-accent-ink\)\] {
    color: var(--ws-accent-ink);
  }
  .text-\[var\(--ws-accent-ink\,\#060e1a\)\] {
    color: var(--ws-accent-ink,#060e1a);
  }
  .text-\[var\(--ws-alert\)\] {
    color: var(--ws-alert);
  }
  .text-\[var\(--ws-bg-card\)\] {
    color: var(--ws-bg-card);
  }
  .text-\[var\(--ws-border\)\] {
    color: var(--ws-border);
  }
  .text-\[var\(--ws-info\)\] {
    color: var(--ws-info);
  }
  .text-\[var\(--ws-info-ink\)\] {
    color: var(--ws-info-ink);
  }
  .text-\[var\(--ws-negative\)\] {
    color: var(--ws-negative);
  }
  .text-\[var\(--ws-negative-ink\)\] {
    color: var(--ws-negative-ink);
  }
  .text-\[var\(--ws-positive\)\] {
    color: var(--ws-positive);
  }
  .text-\[var\(--ws-positive\)\]\/80 {
    color: var(--ws-positive);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ws-positive) 80%, transparent);
    }
  }
  .text-\[var\(--ws-positive-ink\)\] {
    color: var(--ws-positive-ink);
  }
  .text-\[var\(--ws-status-negative\)\] {
    color: var(--ws-status-negative);
  }
  .text-\[var\(--ws-status-warn\)\] {
    color: var(--ws-status-warn);
  }
  .text-\[var\(--ws-status-warn-ink\,var\(--ws-text\)\)\] {
    color: var(--ws-status-warn-ink,var(--ws-text));
  }
  .text-\[var\(--ws-text\)\] {
    color: var(--ws-text);
  }
  .text-\[var\(--ws-text-faint\)\] {
    color: var(--ws-text-faint);
  }
  .text-\[var\(--ws-text-muted\)\] {
    color: var(--ws-text-muted);
  }
  .text-\[var\(--ws-text-muted\,rgba\(10\,22\,40\,0\.6\)\)\] {
    color: var(--ws-text-muted,rgba(10,22,40,0.6));
  }
  .text-\[var\(--ws-text-subtle\)\] {
    color: var(--ws-text-subtle);
  }
  .text-\[var\(--ws-text-subtle\)\]\/50 {
    color: var(--ws-text-subtle);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ws-text-subtle) 50%, transparent);
    }
  }
  .text-\[var\(--ws-text-subtle\)\]\/70 {
    color: var(--ws-text-subtle);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ws-text-subtle) 70%, transparent);
    }
  }
  .text-\[var\(--ws-warn\)\] {
    color: var(--ws-warn);
  }
  .text-\[var\(--ws-warn\)\]\/80 {
    color: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ws-warn) 80%, transparent);
    }
  }
  .text-\[var\(--ws-warn-ink\)\] {
    color: var(--ws-warn-ink);
  }
  .text-\[var\(--ws-warn-ink\,var\(--ws-text-muted\)\)\] {
    color: var(--ws-warn-ink,var(--ws-text-muted));
  }
  .text-amber-200 {
    color: var(--color-amber-200);
  }
  .text-amber-200\/80 {
    color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }
  .text-amber-300 {
    color: var(--color-amber-300);
  }
  .text-amber-400 {
    color: var(--color-amber-400);
  }
  .text-amber-400\/60 {
    color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
    }
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-600\/60 {
    color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-600) 60%, transparent);
    }
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-800\/80 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 80%, transparent);
    }
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-current {
    color: currentcolor;
  }
  .text-cyan-300 {
    color: var(--color-cyan-300);
  }
  .text-cyan-400 {
    color: var(--color-cyan-400);
  }
  .text-cyan-500 {
    color: var(--color-cyan-500);
  }
  .text-cyan-600 {
    color: var(--color-cyan-600);
  }
  .text-cyan-800 {
    color: var(--color-cyan-800);
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-600\/80 {
    color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-600) 80%, transparent);
    }
  }
  .text-emerald-600\/90 {
    color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
    }
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-700\/70 {
    color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-700) 70%, transparent);
    }
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-800\/80 {
    color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-800) 80%, transparent);
    }
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-emerald-950 {
    color: var(--color-emerald-950);
  }
  .text-fuchsia-400 {
    color: var(--color-fuchsia-400);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-inherit {
    color: inherit;
  }
  .text-neutral-50 {
    color: var(--color-neutral-50);
  }
  .text-neutral-100 {
    color: var(--color-neutral-100);
  }
  .text-neutral-200 {
    color: var(--color-neutral-200);
  }
  .text-neutral-300 {
    color: var(--color-neutral-300);
  }
  .text-neutral-300\! {
    color: var(--color-neutral-300) !important;
  }
  .text-neutral-400 {
    color: var(--color-neutral-400);
  }
  .text-neutral-400\! {
    color: var(--color-neutral-400) !important;
  }
  .text-neutral-400\/80 {
    color: color-mix(in srgb, oklch(70.8% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-400) 80%, transparent);
    }
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-700 {
    color: var(--color-neutral-700);
  }
  .text-neutral-800 {
    color: var(--color-neutral-800);
  }
  .text-neutral-900 {
    color: var(--color-neutral-900);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-pink-400 {
    color: var(--color-pink-400);
  }
  .text-pink-500 {
    color: var(--color-pink-500);
  }
  .text-pink-600 {
    color: var(--color-pink-600);
  }
  .text-pink-800 {
    color: var(--color-pink-800);
  }
  .text-purple-400 {
    color: var(--color-purple-400);
  }
  .text-purple-500 {
    color: var(--color-purple-500);
  }
  .text-purple-600 {
    color: var(--color-purple-600);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-700\/80 {
    color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-700) 80%, transparent);
    }
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-rose-300 {
    color: var(--color-rose-300);
  }
  .text-rose-400 {
    color: var(--color-rose-400);
  }
  .text-rose-400\/60 {
    color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-400) 60%, transparent);
    }
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-rose-700\/90 {
    color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-700) 90%, transparent);
    }
  }
  .text-rose-800 {
    color: var(--color-rose-800);
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-sky-300 {
    color: var(--color-sky-300);
  }
  .text-sky-400 {
    color: var(--color-sky-400);
  }
  .text-sky-400\/80 {
    color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-400) 80%, transparent);
    }
  }
  .text-sky-500 {
    color: var(--color-sky-500);
  }
  .text-sky-600 {
    color: var(--color-sky-600);
  }
  .text-sky-600\/80 {
    color: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
    }
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-sky-800 {
    color: var(--color-sky-800);
  }
  .text-sky-900 {
    color: var(--color-sky-900);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-teal-400 {
    color: var(--color-teal-400);
  }
  .text-teal-500 {
    color: var(--color-teal-500);
  }
  .text-teal-600 {
    color: var(--color-teal-600);
  }
  .text-teal-700 {
    color: var(--color-teal-700);
  }
  .text-teal-800 {
    color: var(--color-teal-800);
  }
  .text-transparent {
    color: transparent;
  }
  .text-violet-300 {
    color: var(--color-violet-300);
  }
  .text-violet-400 {
    color: var(--color-violet-400);
  }
  .text-violet-500 {
    color: var(--color-violet-500);
  }
  .text-violet-600 {
    color: var(--color-violet-600);
  }
  .text-violet-700 {
    color: var(--color-violet-700);
  }
  .text-violet-800 {
    color: var(--color-violet-800);
  }
  .text-violet-900 {
    color: var(--color-violet-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/40 {
    color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .text-white\/50 {
    color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/60 {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-white\/95 {
    color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .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,);
  }
  .normal-nums {
    font-variant-numeric: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-\[var\(--ws-accent\)\]\/30 {
    text-decoration-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--ws-accent) 30%, transparent);
    }
  }
  .decoration-\[var\(--ws-accent\)\]\/40 {
    text-decoration-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--ws-accent) 40%, transparent);
    }
  }
  .decoration-\[var\(--ws-text-subtle\)\] {
    text-decoration-color: var(--ws-text-subtle);
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .placeholder-neutral-400 {
    &::placeholder {
      color: var(--color-neutral-400);
    }
  }
  .accent-\[var\(--ws-accent\)\] {
    accent-color: var(--ws-accent);
  }
  .accent-amber-500 {
    accent-color: var(--color-amber-500);
  }
  .accent-emerald-500 {
    accent-color: var(--color-emerald-500);
  }
  .accent-sky-500 {
    accent-color: var(--color-sky-500);
  }
  .accent-violet-500 {
    accent-color: var(--color-violet-500);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-15 {
    opacity: 15%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-85 {
    opacity: 85%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-95 {
    opacity: 95%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[0\.03\] {
    opacity: 0.03;
  }
  .opacity-\[0\.04\] {
    opacity: 0.04;
  }
  .opacity-\[0\.015\] {
    opacity: 0.015;
  }
  .opacity-\[0\.15\] {
    opacity: 0.15;
  }
  .opacity-\[0\.35\] {
    opacity: 0.35;
  }
  .opacity-\[0\.65\] {
    opacity: 0.65;
  }
  .opacity-\[0\.85\] {
    opacity: 0.85;
  }
  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }
  .shadow-\[var\(--ws-accent\)\]\/20 {
    --tw-shadow-alpha: 20%;
    --tw-shadow: var(--ws-accent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-1px_8px_rgba\(10\,22\,40\,0\.06\)\] {
    --tw-shadow: 0 -1px 8px var(--tw-shadow-color, rgba(10,22,40,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-12px_36px_-8px_rgba\(6\,14\,26\,0\.32\)\] {
    --tw-shadow: 0 -12px 36px -8px var(--tw-shadow-color, rgba(6,14,26,0.32));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(139\,92\,246\,0\.3\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(139,92,246,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--ws-accent\)\,0_8px_24px_-12px_color-mix\(in_srgb\,var\(--ws-accent\)_45\%\,transparent\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ws-accent)), 0 8px 24px -12px var(--tw-shadow-color, var(--ws-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ws-accent)), 0 8px 24px -12px var(--tw-shadow-color, color-mix(in srgb,var(--ws-accent) 45%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--ws-accent-soft\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ws-accent-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_rgba\(201\,169\,110\,0\.18\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(201,169,110,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_rgba\(201\,169\,110\,0\.18\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgba(201,169,110,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_var\(--ws-accent-soft\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--ws-accent-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_12px_color-mix\(in_srgb\,var\(--ws-accent\)_40\%\,transparent\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, var(--ws-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 12px var(--tw-shadow-color, color-mix(in srgb,var(--ws-accent) 40%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_12px_color-mix\(in_srgb\,var\(--ws-accent\)_45\%\,transparent\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, var(--ws-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 12px var(--tw-shadow-color, color-mix(in srgb,var(--ws-accent) 45%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_12px_var\(--ws-accent-glow\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, var(--ws-accent-glow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_18px_var\(--ws-accent-glow\)\] {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, var(--ws-accent-glow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_-5px_rgba\(56\,189\,248\,0\.3\)\] {
    --tw-shadow: 0 0 20px -5px var(--tw-shadow-color, rgba(56,189,248,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_0_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(0,0,0,0.02));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_0_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_0_var\(--ws-border\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, var(--ws-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.04\)\,0_1px_2px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.02));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(139\,92\,246\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(139,92,246,0.08)), 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.02));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_4px_-1px_rgba\(10\,22\,40\,0\.08\)\,0_18px_44px_-12px_rgba\(10\,22\,40\,0\.18\)\] {
    --tw-shadow: 0 2px 4px -1px var(--tw-shadow-color, rgba(10,22,40,0.08)), 0 18px 44px -12px var(--tw-shadow-color, rgba(10,22,40,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_14px_-4px_rgba\(10\,22\,40\,0\.18\)\] {
    --tw-shadow: 0 4px 14px -4px var(--tw-shadow-color, rgba(10,22,40,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_14px_-6px_rgba\(10\,22\,40\,0\.35\)\] {
    --tw-shadow: 0 4px 14px -6px var(--tw-shadow-color, rgba(10,22,40,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_14px_-8px_var\(--ws-accent-glow\)\] {
    --tw-shadow: 0 4px 14px -8px var(--tw-shadow-color, var(--ws-accent-glow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_24px_var\(--ws-accent-glow\,rgba\(201\,169\,110\,0\.18\)\)\] {
    --tw-shadow: 0 4px 24px var(--tw-shadow-color, var(--ws-accent-glow,rgba(201,169,110,0.18)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_-4px_rgba\(0\,0\,0\,0\.18\)\,0_2px_8px_-2px_rgba\(0\,0\,0\,0\.10\)\] {
    --tw-shadow: 0 8px 24px -4px var(--tw-shadow-color, rgba(0,0,0,0.18)), 0 2px 8px -2px var(--tw-shadow-color, rgba(0,0,0,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_-8px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, rgba(0,0,0,0.32));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_-12px_rgba\(10\,22\,40\,0\.15\)\] {
    --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, rgba(10,22,40,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_-12px_rgba\(201\,169\,110\,0\.30\)\] {
    --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, rgba(201,169,110,0.30));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_32px_-12px_rgba\(10\,22\,40\,0\.22\)\] {
    --tw-shadow: 0 8px 32px -12px var(--tw-shadow-color, rgba(10,22,40,0.22));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_32px_-16px_rgba\(201\,169\,110\,0\.2\)\] {
    --tw-shadow: 0 8px 32px -16px var(--tw-shadow-color, rgba(201,169,110,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.12\)\,0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_14px_38px_-18px_rgba\(10\,22\,40\,0\.45\)\] {
    --tw-shadow: 0 14px 38px -18px var(--tw-shadow-color, rgba(10,22,40,0.45));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_40px_-12px_rgba\(10\,22\,40\,0\.45\)\] {
    --tw-shadow: 0 18px 40px -12px var(--tw-shadow-color, rgba(10,22,40,0.45));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_40px_-12px_rgba\(10\,22\,40\,0\.55\)\] {
    --tw-shadow: 0 18px 40px -12px var(--tw-shadow-color, rgba(10,22,40,0.55));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_48px_-20px_rgba\(10\,22\,40\,0\.22\)\,0_4px_16px_-8px_rgba\(10\,22\,40\,0\.10\)\] {
    --tw-shadow: 0 18px 48px -20px var(--tw-shadow-color, rgba(10,22,40,0.22)), 0 4px 16px -8px var(--tw-shadow-color, rgba(10,22,40,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_48px_-20px_rgba\(124\,58\,237\,0\.28\)\,0_4px_16px_-8px_rgba\(124\,58\,237\,0\.12\)\] {
    --tw-shadow: 0 18px 48px -20px var(--tw-shadow-color, rgba(124,58,237,0.28)), 0 4px 16px -8px var(--tw-shadow-color, rgba(124,58,237,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_48px_-22px_rgba\(10\,22\,40\,0\.32\)\] {
    --tw-shadow: 0 18px 48px -22px var(--tw-shadow-color, rgba(10,22,40,0.32));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_48px_-22px_rgba\(15\,23\,42\,0\.18\)\,0_4px_16px_-8px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 18px 48px -22px var(--tw-shadow-color, rgba(15,23,42,0.18)), 0 4px 16px -8px var(--tw-shadow-color, rgba(15,23,42,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_20px_60px_rgba\(201\,169\,110\,0\.18\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(201,169,110,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_48px_-16px_rgba\(0\,0\,0\,0\.45\)\,0_0_0_1px_var\(--ws-border\)\] {
    --tw-shadow: 0 24px 48px -16px var(--tw-shadow-color, rgba(0,0,0,0.45)), 0 0 0 1px var(--tw-shadow-color, var(--ws-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_60px_-12px_rgba\(10\,22\,40\,0\.18\)\,0_8px_20px_-8px_rgba\(10\,22\,40\,0\.10\)\] {
    --tw-shadow: 0 24px 60px -12px var(--tw-shadow-color, rgba(10,22,40,0.18)), 0 8px 20px -8px var(--tw-shadow-color, rgba(10,22,40,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_60px_-16px_rgba\(10\,22\,40\,0\.22\)\] {
    --tw-shadow: 0 24px 60px -16px var(--tw-shadow-color, rgba(10,22,40,0.22));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_60px_-30px_rgba\(10\,22\,40\,0\.45\)\] {
    --tw-shadow: 0 24px 60px -30px var(--tw-shadow-color, rgba(10,22,40,0.45));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_30px_80px_-40px_rgba\(10\,22\,40\,0\.45\)\] {
    --tw-shadow: 0 30px 80px -40px var(--tw-shadow-color, rgba(10,22,40,0.45));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_36px_49px_0px_rgba\(0\,0\,0\,0\.01\)\,0px_15\.04px_20\.471px_0px_rgba\(0\,0\,0\,0\.01\)\,0px_8\.041px_10\.945px_0px_rgba\(0\,0\,0\,0\.01\)\,0px_4\.508px_6\.136px_0px_rgba\(0\,0\,0\,0\.00\)\,0px_2\.394px_3\.259px_0px_rgba\(0\,0\,0\,0\.00\)\,0px_0\.996px_1\.356px_0px_rgba\(0\,0\,0\,0\.00\)\] {
    --tw-shadow: 0px 36px 49px 0px var(--tw-shadow-color, rgba(0,0,0,0.01)), 0px 15.04px 20.471px 0px var(--tw-shadow-color, rgba(0,0,0,0.01)), 0px 8.041px 10.945px 0px var(--tw-shadow-color, rgba(0,0,0,0.01)), 0px 4.508px 6.136px 0px var(--tw-shadow-color, rgba(0,0,0,0.00)), 0px 2.394px 3.259px 0px var(--tw-shadow-color, rgba(0,0,0,0.00)), 0px 0.996px 1.356px 0px var(--tw-shadow-color, rgba(0,0,0,0.00));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--ws-accent-glow\)\] {
    --tw-shadow: var(--ws-accent-glow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-amber-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/2\.5 {
    --tw-shadow-color: color-mix(in srgb, #000 2.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 2.5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/5 {
    --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/8 {
    --tw-shadow-color: color-mix(in srgb, #000 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 8%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/10 {
    --tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/15 {
    --tw-shadow-color: color-mix(in srgb, #000 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/20 {
    --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/30 {
    --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/40 {
    --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/\[0\.02\] {
    --tw-shadow-color: color-mix(in srgb, #000 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 2%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/\[0\.03\] {
    --tw-shadow-color: color-mix(in srgb, #000 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 3%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/\[0\.06\] {
    --tw-shadow-color: color-mix(in srgb, #000 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 6%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-600\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-green-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-200\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(92.2% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-200) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-200\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-300\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(87% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-300) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-300\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(87% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-300) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-900\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-900\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-900\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-orange-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-pink-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-teal-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\] {
    --tw-ring-color: var(--ws-accent);
  }
  .ring-\[var\(--ws-accent\)\]\/8 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 8%, transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\]\/10 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 10%, transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\]\/12 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 12%, transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\]\/15 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 15%, transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\]\/20 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 20%, transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\]\/30 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 30%, transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\]\/40 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 40%, transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\]\/45 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 45%, transparent);
    }
  }
  .ring-\[var\(--ws-accent\)\]\/60 {
    --tw-ring-color: var(--ws-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-accent) 60%, transparent);
    }
  }
  .ring-\[var\(--ws-accent-soft\)\] {
    --tw-ring-color: var(--ws-accent-soft);
  }
  .ring-\[var\(--ws-bg\)\] {
    --tw-ring-color: var(--ws-bg);
  }
  .ring-\[var\(--ws-bg-card\)\] {
    --tw-ring-color: var(--ws-bg-card);
  }
  .ring-\[var\(--ws-bg-card\,white\)\] {
    --tw-ring-color: var(--ws-bg-card,white);
  }
  .ring-\[var\(--ws-border\)\] {
    --tw-ring-color: var(--ws-border);
  }
  .ring-\[var\(--ws-border-hover\)\] {
    --tw-ring-color: var(--ws-border-hover);
  }
  .ring-\[var\(--ws-negative\)\]\/25 {
    --tw-ring-color: var(--ws-negative);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-negative) 25%, transparent);
    }
  }
  .ring-\[var\(--ws-positive\)\]\/40 {
    --tw-ring-color: var(--ws-positive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-positive) 40%, transparent);
    }
  }
  .ring-\[var\(--ws-warn\)\]\/25 {
    --tw-ring-color: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-warn) 25%, transparent);
    }
  }
  .ring-\[var\(--ws-warn\)\]\/30 {
    --tw-ring-color: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-warn) 30%, transparent);
    }
  }
  .ring-\[var\(--ws-warn\)\]\/40 {
    --tw-ring-color: var(--ws-warn);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ws-warn) 40%, transparent);
    }
  }
  .ring-amber-200 {
    --tw-ring-color: var(--color-amber-200);
  }
  .ring-amber-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-200) 70%, transparent);
    }
  }
  .ring-amber-300 {
    --tw-ring-color: var(--color-amber-300);
  }
  .ring-amber-300\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent);
    }
  }
  .ring-amber-400 {
    --tw-ring-color: var(--color-amber-400);
  }
  .ring-amber-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }
  .ring-amber-400\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }
  .ring-amber-400\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
  }
  .ring-amber-400\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent);
    }
  }
  .ring-black\/5 {
    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .ring-cyan-200 {
    --tw-ring-color: var(--color-cyan-200);
  }
  .ring-cyan-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
    }
  }
  .ring-emerald-200 {
    --tw-ring-color: var(--color-emerald-200);
  }
  .ring-emerald-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent);
    }
  }
  .ring-emerald-300\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent);
    }
  }
  .ring-emerald-400 {
    --tw-ring-color: var(--color-emerald-400);
  }
  .ring-emerald-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }
  .ring-emerald-400\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
    }
  }
  .ring-emerald-400\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
  }
  .ring-emerald-400\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent);
    }
  }
  .ring-emerald-400\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent);
    }
  }
  .ring-emerald-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .ring-indigo-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(87% 0.065 274.039) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-indigo-200) 70%, transparent);
    }
  }
  .ring-neutral-100 {
    --tw-ring-color: var(--color-neutral-100);
  }
  .ring-neutral-200 {
    --tw-ring-color: var(--color-neutral-200);
  }
  .ring-neutral-200\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(92.2% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 40%, transparent);
    }
  }
  .ring-neutral-200\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(92.2% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent);
    }
  }
  .ring-neutral-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent);
    }
  }
  .ring-neutral-200\/75 {
    --tw-ring-color: color-mix(in srgb, oklch(92.2% 0 0) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 75%, transparent);
    }
  }
  .ring-neutral-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
    }
  }
  .ring-neutral-300 {
    --tw-ring-color: var(--color-neutral-300);
  }
  .ring-neutral-300\/35 {
    --tw-ring-color: color-mix(in srgb, oklch(87% 0 0) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-300) 35%, transparent);
    }
  }
  .ring-neutral-700 {
    --tw-ring-color: var(--color-neutral-700);
  }
  .ring-neutral-700\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
    }
  }
  .ring-neutral-900\/5 {
    --tw-ring-color: color-mix(in srgb, oklch(20.5% 0 0) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-900) 5%, transparent);
    }
  }
  .ring-neutral-900\/15 {
    --tw-ring-color: color-mix(in srgb, oklch(20.5% 0 0) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-900) 15%, transparent);
    }
  }
  .ring-neutral-900\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-neutral-900) 20%, transparent);
    }
  }
  .ring-purple-400\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-purple-400) 60%, transparent);
    }
  }
  .ring-red-400 {
    --tw-ring-color: var(--color-red-400);
  }
  .ring-rose-100 {
    --tw-ring-color: var(--color-rose-100);
  }
  .ring-rose-200 {
    --tw-ring-color: var(--color-rose-200);
  }
  .ring-rose-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-200) 70%, transparent);
    }
  }
  .ring-rose-300\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(81% 0.117 11.638) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-300) 70%, transparent);
    }
  }
  .ring-rose-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
    }
  }
  .ring-rose-400\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 40%, transparent);
    }
  }
  .ring-rose-400\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 50%, transparent);
    }
  }
  .ring-sky-200 {
    --tw-ring-color: var(--color-sky-200);
  }
  .ring-sky-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-200) 70%, transparent);
    }
  }
  .ring-sky-300\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-300) 50%, transparent);
    }
  }
  .ring-sky-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
    }
  }
  .ring-sky-400\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 25%, transparent);
    }
  }
  .ring-sky-400\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
    }
  }
  .ring-sky-400\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 40%, transparent);
    }
  }
  .ring-sky-400\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 50%, transparent);
    }
  }
  .ring-sky-500\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
    }
  }
  .ring-sky-500\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent);
    }
  }
  .ring-teal-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(91% 0.096 180.426) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-teal-200) 70%, transparent);
    }
  }
  .ring-teal-400\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-teal-400) 60%, transparent);
    }
  }
  .ring-violet-200 {
    --tw-ring-color: var(--color-violet-200);
  }
  .ring-violet-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-200) 50%, transparent);
    }
  }
  .ring-violet-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-200) 70%, transparent);
    }
  }
  .ring-violet-300\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-300) 30%, transparent);
    }
  }
  .ring-violet-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }
  .ring-violet-400\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 25%, transparent);
    }
  }
  .ring-violet-400\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent);
    }
  }
  .ring-violet-400\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 40%, transparent);
    }
  }
  .ring-violet-400\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 60%, transparent);
    }
  }
  .ring-violet-500\/10 {
    --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .ring-white\/10 {
    --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .ring-white\/20 {
    --tw-ring-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .ring-white\/25 {
    --tw-ring-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .ring-white\/80 {
    --tw-ring-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-\[var\(--ws-bg-card\)\] {
    --tw-ring-offset-color: var(--ws-bg-card);
  }
  .ring-offset-white {
    --tw-ring-offset-color: var(--color-white);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .outline-offset-0 {
    outline-offset: 0px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-blue-500 {
    outline-color: var(--color-blue-500);
  }
  .outline-neutral-400 {
    outline-color: var(--color-neutral-400);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[80px\] {
    --tw-blur: blur(80px);
    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-\[88px\] {
    --tw-blur: blur(88px);
    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-\[100px\] {
    --tw-blur: blur(100px);
    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-md {
    --tw-blur: blur(var(--blur-md));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-xl {
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-105 {
    --tw-brightness: brightness(105%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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,);
  }
  .saturate-\[0\.85\] {
    --tw-saturate: saturate(0.85);
    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,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    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\:drop-shadow\(0px_2\.767px_2\.214px_rgba\(0\,0\,0\,0\.01\)\)_drop-shadow\(0px_6\.65px_5\.32px_rgba\(0\,0\,0\,0\.01\)\)_drop-shadow\(0px_12\.522px_10\.017px_rgba\(0\,0\,0\,0\.01\)\)_drop-shadow\(0px_22\.336px_17\.869px_rgba\(0\,0\,0\,0\.02\)\)_drop-shadow\(0px_41\.778px_33\.422px_rgba\(0\,0\,0\,0\.02\)\)_drop-shadow\(0px_100px_80px_rgba\(0\,0\,0\,0\.03\)\)\] {
    filter: drop-shadow(0px 2.767px 2.214px rgba(0,0,0,0.01)) drop-shadow(0px 6.65px 5.32px rgba(0,0,0,0.01)) drop-shadow(0px 12.522px 10.017px rgba(0,0,0,0.01)) drop-shadow(0px 22.336px 17.869px rgba(0,0,0,0.02)) drop-shadow(0px 41.778px 33.422px rgba(0,0,0,0.02)) drop-shadow(0px 100px 80px rgba(0,0,0,0.03));
  }
  .\[filter\:drop-shadow\(0px_2\.767px_2\.214px_rgba\(0\,0\,0\,0\.01\)\)_drop-shadow\(0px_6\.65px_5\.32px_rgba\(0\,0\,0\,0\.01\)\)_drop-shadow\(0px_12\.522px_10\.945px_rgba\(0\,0\,0\,0\.01\)\)_drop-shadow\(0px_22\.336px_17\.869px_rgba\(0\,0\,0\,0\.02\)\)_drop-shadow\(0px_41\.778px_33\.422px_rgba\(0\,0\,0\,0\.02\)\)_drop-shadow\(0px_100px_80px_rgba\(0\,0\,0\,0\.03\)\)\] {
    filter: drop-shadow(0px 2.767px 2.214px rgba(0,0,0,0.01)) drop-shadow(0px 6.65px 5.32px rgba(0,0,0,0.01)) drop-shadow(0px 12.522px 10.945px rgba(0,0,0,0.01)) drop-shadow(0px 22.336px 17.869px rgba(0,0,0,0.02)) drop-shadow(0px 41.778px 33.422px rgba(0,0,0,0.02)) drop-shadow(0px 100px 80px rgba(0,0,0,0.03));
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[40px\] {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-saturate-\[1\.8\] {
    --tw-backdrop-saturate: saturate(1.8);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background\,color\] {
    transition-property: background,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,transform\,border-color\] {
    transition-property: background-color,transform,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,border-color\] {
    transition-property: box-shadow,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\,opacity\] {
    transition-property: filter,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\,transform\] {
    transition-property: filter,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[flex-grow\,padding-right\] {
    transition-property: flex-grow,padding-right;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[gap\] {
    transition-property: gap;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\,opacity\,transform\] {
    transition-property: grid-template-rows,opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\,border-color\] {
    transition-property: max-height,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\,opacity\] {
    transition-property: max-height,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\,width\,opacity\,flex\] {
    transition-property: max-width,width,opacity,flex;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\,box-shadow\] {
    transition-property: opacity,transform,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\,visibility\] {
    transition-property: opacity,transform,visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[padding\,gap\,align-items\] {
    transition-property: padding,gap,align-items;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[padding\,max-height\] {
    transition-property: padding,max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[padding\] {
    transition-property: padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,box-shadow\,border-color\] {
    transition-property: transform,box-shadow,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,box-shadow\,opacity\,transform\] {
    transition-property: width,box-shadow,opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .delay-200 {
    transition-delay: 200ms;
  }
  .delay-400 {
    transition-delay: 400ms;
  }
  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .duration-800 {
    --tw-duration: 800ms;
    transition-duration: 800ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .duration-1500 {
    --tw-duration: 1500ms;
    transition-duration: 1500ms;
  }
  .duration-\[220ms\] {
    --tw-duration: 220ms;
    transition-duration: 220ms;
  }
  .duration-\[260ms\] {
    --tw-duration: 260ms;
    transition-duration: 260ms;
  }
  .duration-\[280ms\] {
    --tw-duration: 280ms;
    transition-duration: 280ms;
  }
  .duration-\[300ms\] {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-\[320ms\] {
    --tw-duration: 320ms;
    transition-duration: 320ms;
  }
  .duration-\[350ms\] {
    --tw-duration: 350ms;
    transition-duration: 350ms;
  }
  .duration-\[380ms\] {
    --tw-duration: 380ms;
    transition-duration: 380ms;
  }
  .duration-\[420ms\] {
    --tw-duration: 420ms;
    transition-duration: 420ms;
  }
  .duration-\[480ms\] {
    --tw-duration: 480ms;
    transition-duration: 480ms;
  }
  .duration-\[500ms\] {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-\[520ms\] {
    --tw-duration: 520ms;
    transition-duration: 520ms;
  }
  .duration-\[2000ms\] {
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
  }
  .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0.4,0,0.2,1);
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
  }
  .ease-\[cubic-bezier\(0\.4\,0\,1\,1\)\] {
    --tw-ease: cubic-bezier(0.4,0,1,1);
    transition-timing-function: cubic-bezier(0.4,0,1,1);
  }
  .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
    --tw-ease: cubic-bezier(0.16,1,0.3,1);
    transition-timing-function: cubic-bezier(0.16,1,0.3,1);
  }
  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(0.22,1,0.36,1);
    transition-timing-function: cubic-bezier(0.22,1,0.36,1);
  }
  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.32,0.72,0,1);
    transition-timing-function: cubic-bezier(0.32,0.72,0,1);
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-\[transform\,opacity\] {
    will-change: transform,opacity;
  }
  .will-change-transform {
    will-change: transform;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[iva\:engines\] {
    iva: engines;
  }
  .\[iva\:knowledge-extractor\] {
    iva: knowledge-extractor;
  }
  .\[iva\:transcription\] {
    iva: transcription;
  }
  .\[rdoc-ref\:BigDecimal\@Not\+a\+Number\] {
    rdoc-ref: BigDecimal@Not+a+Number;
  }
  .\[rdoc-ref\:Logger\@Entries\] {
    rdoc-ref: Logger@Entries;
  }
  .\[rdoc-ref\:Logger\@Log\+Level\] {
    rdoc-ref: Logger@Log+Level;
  }
  .\[rdoc-ref\:Logger\@Program\+Name\] {
    rdoc-ref: Logger@Program+Name;
  }
  .\[rdoc-ref\:Module\#thread_mattr_accessor\] {
    rdoc-ref: Module#thread mattr accessor;
  }
  .\[rdoc-ref\:Runnable\#result_code\] {
    rdoc-ref: Runnable#result code;
  }
  .\[ruby-talk\:164079\] {
    ruby-talk: 164079;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .\[xlink\:href\] {
    xlink: href;
  }
  .divide-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 1;
    }
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-focus-within\/row\:opacity-100 {
    &:is(:where(.group\/row):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:w-full {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: 100%;
      }
    }
  }
  .group-hover\:max-w-\[84px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        max-width: 84px;
      }
    }
  }
  .group-hover\:translate-x-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-\[100\%\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-\[1\.04\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.04;
      }
    }
  }
  .group-hover\:border-\[var\(--ws-accent\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--ws-accent);
      }
    }
  }
  .group-hover\:border-\[var\(--ws-warn\)\]\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--ws-warn);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-warn) 60%, transparent);
        }
      }
    }
  }
  .group-hover\:border-amber-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-amber-200);
      }
    }
  }
  .group-hover\:border-emerald-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-emerald-200);
      }
    }
  }
  .group-hover\:border-indigo-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-indigo-200);
      }
    }
  }
  .group-hover\:border-neutral-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-neutral-200);
      }
    }
  }
  .group-hover\:border-neutral-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-neutral-300);
      }
    }
  }
  .group-hover\:border-orange-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-orange-200);
      }
    }
  }
  .group-hover\:border-rose-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-rose-200);
      }
    }
  }
  .group-hover\:border-sky-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-sky-200);
      }
    }
  }
  .group-hover\:border-slate-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-slate-200);
      }
    }
  }
  .group-hover\:border-violet-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-violet-200);
      }
    }
  }
  .group-hover\:bg-\[var\(--ws-accent\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--ws-accent);
      }
    }
  }
  .group-hover\:bg-\[var\(--ws-accent-soft\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
      }
    }
  }
  .group-hover\:bg-neutral-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-neutral-200);
      }
    }
  }
  .group-hover\:bg-neutral-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-neutral-300);
      }
    }
  }
  .group-hover\:bg-sky-400\/12 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 12%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-400) 12%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-violet-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-violet-100);
      }
    }
  }
  .group-hover\:bg-gradient-to-br {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .group-hover\:from-amber-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-emerald-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(95% 0.052 163.051) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-emerald-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-indigo-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-neutral-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(97% 0 0) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-orange-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(95.4% 0.038 75.164) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-orange-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-rose-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(94.1% 0.03 12.58) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-rose-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-sky-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(95.1% 0.026 236.824) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-sky-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-slate-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-violet-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:from-violet-100\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(94.3% 0.029 294.588) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-violet-100) 80%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-amber-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.059 95.617) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-cyan-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(95.6% 0.045 203.388) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-cyan-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-fuchsia-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-indigo-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(93% 0.034 272.788) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-indigo-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-orange-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(95.4% 0.038 75.164) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-orange-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-pink-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(94.8% 0.028 342.258) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-pink-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-purple-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(94.6% 0.033 307.174) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-purple-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-sky-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(95.1% 0.026 236.824) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-sky-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-stone-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(97% 0.001 106.424) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-stone-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-teal-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(95.3% 0.051 180.801) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-teal-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-violet-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(94.3% 0.029 294.588) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-violet-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:to-zinc-100\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(96.7% 0.001 286.375) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-zinc-100) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:text-\[var\(--ws-accent\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--ws-accent);
      }
    }
  }
  .group-hover\:text-\[var\(--ws-accent-ink\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--ws-accent-ink);
      }
    }
  }
  .group-hover\:text-\[var\(--ws-text\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--ws-text);
      }
    }
  }
  .group-hover\:text-\[var\(--ws-text-muted\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--ws-text-muted);
      }
    }
  }
  .group-hover\:text-amber-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-300);
      }
    }
  }
  .group-hover\:text-amber-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-600);
      }
    }
  }
  .group-hover\:text-amber-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-700);
      }
    }
  }
  .group-hover\:text-indigo-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-500);
      }
    }
  }
  .group-hover\:text-indigo-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-700);
      }
    }
  }
  .group-hover\:text-neutral-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-500);
      }
    }
  }
  .group-hover\:text-neutral-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-600);
      }
    }
  }
  .group-hover\:text-neutral-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-700);
      }
    }
  }
  .group-hover\:text-neutral-900 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-900);
      }
    }
  }
  .group-hover\:text-rose-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-rose-500);
      }
    }
  }
  .group-hover\:text-rose-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-rose-600);
      }
    }
  }
  .group-hover\:text-rose-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-rose-700);
      }
    }
  }
  .group-hover\:text-sky-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-sky-400);
      }
    }
  }
  .group-hover\:text-sky-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-sky-500);
      }
    }
  }
  .group-hover\:text-sky-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .group-hover\:text-sky-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-sky-700);
      }
    }
  }
  .group-hover\:text-violet-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-violet-500);
      }
    }
  }
  .group-hover\:text-violet-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-violet-700);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:opacity-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 50%;
      }
    }
  }
  .group-hover\:opacity-70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:shadow-sm {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\:brightness-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-brightness: brightness(110%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .group-hover\/action\:translate-x-0\.5 {
    &:is(:where(.group\/action):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/drag\:opacity-70 {
    &:is(:where(.group\/drag):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .group-hover\/entity\:translate-x-0\.5 {
    &:is(:where(.group\/entity):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/event\:scale-\[1\.18\] {
    &:is(:where(.group\/event):hover *) {
      @media (hover: hover) {
        scale: 1.18;
      }
    }
  }
  .group-hover\/item\:translate-x-0\.5 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/item\:scale-150 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 150%;
        --tw-scale-y: 150%;
        --tw-scale-z: 150%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/item\:bg-neutral-500 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        background-color: var(--color-neutral-500);
      }
    }
  }
  .group-hover\/pill\:opacity-100 {
    &:is(:where(.group\/pill):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/q\:text-emerald-700 {
    &:is(:where(.group\/q):hover *) {
      @media (hover: hover) {
        color: var(--color-emerald-700);
      }
    }
  }
  .group-hover\/routine\:opacity-100 {
    &:is(:where(.group\/routine):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/row\:translate-x-0\.5 {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/row\:translate-x-\[1\.5px\] {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 1.5px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/row\:scale-105 {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/row\:text-\[var\(--ws-accent\)\] {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        color: var(--ws-accent);
      }
    }
  }
  .group-hover\/row\:text-\[var\(--ws-accent-ink\)\] {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        color: var(--ws-accent-ink);
      }
    }
  }
  .group-hover\/row\:opacity-30 {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        opacity: 30%;
      }
    }
  }
  .group-hover\/row\:opacity-100 {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/slot\:text-\[var\(--ws-accent-ink\)\] {
    &:is(:where(.group\/slot):hover *) {
      @media (hover: hover) {
        color: var(--ws-accent-ink);
      }
    }
  }
  .group-aria-invalid\/time-input\:border-red-500 {
    &:is(:where(.group\/time-input)[aria-invalid="true"] *) {
      border-color: var(--color-red-500);
    }
  }
  .group-aria-invalid\/time-input\:ring-2 {
    &:is(:where(.group\/time-input)[aria-invalid="true"] *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .group-aria-invalid\/time-input\:ring-red-200 {
    &:is(:where(.group\/time-input)[aria-invalid="true"] *) {
      --tw-ring-color: var(--color-red-200);
    }
  }
  .group-data-active\:border-black {
    &:is(:where(.group)[data-active] *) {
      border-color: var(--color-black);
    }
  }
  .group-data-active\:text-black {
    &:is(:where(.group)[data-active] *) {
      color: var(--color-black);
    }
  }
  .group-data-disabled\:border {
    &:is(:where(.group)[data-disabled] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-data-disabled\:border-neutral-300 {
    &:is(:where(.group)[data-disabled] *) {
      border-color: var(--color-neutral-300);
    }
  }
  .group-data-disabled\:bg-neutral-50 {
    &:is(:where(.group)[data-disabled] *) {
      background-color: var(--color-neutral-50);
    }
  }
  .group-data-disabled\:bg-neutral-100 {
    &:is(:where(.group)[data-disabled] *) {
      background-color: var(--color-neutral-100);
    }
  }
  .group-data-disabled\:bg-neutral-400 {
    &:is(:where(.group)[data-disabled] *) {
      background-color: var(--color-neutral-400);
    }
  }
  .group-data-disabled\:text-neutral-300 {
    &:is(:where(.group)[data-disabled] *) {
      color: var(--color-neutral-300);
    }
  }
  .group-data-disabled\:text-neutral-400 {
    &:is(:where(.group)[data-disabled] *) {
      color: var(--color-neutral-400);
    }
  }
  .group-data-disabled\:shadow-none {
    &:is(:where(.group)[data-disabled] *) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .group-data-disabled\/DropdownMenuItem\:text-neutral-400 {
    &:is(:where(.group\/DropdownMenuItem)[data-disabled] *) {
      color: var(--color-neutral-400);
    }
  }
  .group-data-disabled\/trigger\:text-neutral-300 {
    &:is(:where(.group\/trigger)[data-disabled] *) {
      color: var(--color-neutral-300);
    }
  }
  .group-data-\[state\=checked\]\:border-0 {
    &:is(:where(.group)[data-state="checked"] *) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .group-data-\[state\=checked\]\:border-transparent {
    &:is(:where(.group)[data-state="checked"] *) {
      border-color: transparent;
    }
  }
  .group-data-\[state\=checked\]\:bg-black {
    &:is(:where(.group)[data-state="checked"] *) {
      background-color: var(--color-black);
    }
  }
  .group-data-\[state\=checked\]\/DropdownMenuRadioItem\:flex {
    &:is(:where(.group\/DropdownMenuRadioItem)[data-state="checked"] *) {
      display: flex;
    }
  }
  .group-data-\[state\=checked\]\/DropdownMenuRadioItem\:hidden {
    &:is(:where(.group\/DropdownMenuRadioItem)[data-state="checked"] *) {
      display: none;
    }
  }
  .group-data-\[state\=open\]\:rotate-180 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[state\=open\]\:text-neutral-700 {
    &:is(:where(.group)[data-state="open"] *) {
      color: var(--color-neutral-700);
    }
  }
  .group-data-\[state\=unchecked\]\/DropdownMenuRadioItem\:flex {
    &:is(:where(.group\/DropdownMenuRadioItem)[data-state="unchecked"] *) {
      display: flex;
    }
  }
  .group-data-\[state\=unchecked\]\/DropdownMenuRadioItem\:hidden {
    &:is(:where(.group\/DropdownMenuRadioItem)[data-state="unchecked"] *) {
      display: none;
    }
  }
  .selection\:bg-neutral-200 {
    & *::selection {
      background-color: var(--color-neutral-200);
    }
    &::selection {
      background-color: var(--color-neutral-200);
    }
  }
  .selection\:text-neutral-900 {
    & *::selection {
      color: var(--color-neutral-900);
    }
    &::selection {
      color: var(--color-neutral-900);
    }
  }
  .file\:-my-2\.5 {
    &::file-selector-button {
      margin-block: calc(var(--spacing) * -2.5);
    }
  }
  .file\:me-3 {
    &::file-selector-button {
      margin-inline-end: calc(var(--spacing) * 3);
    }
  }
  .file\:-ml-3 {
    &::file-selector-button {
      margin-left: calc(var(--spacing) * -3);
    }
  }
  .file\:cursor-pointer {
    &::file-selector-button {
      cursor: pointer;
    }
  }
  .file\:rounded-l-lg {
    &::file-selector-button {
      border-top-left-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg);
    }
  }
  .file\:rounded-r-none {
    &::file-selector-button {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:\[border-inline-end-width\:1px\] {
    &::file-selector-button {
      border-inline-end-width: 1px;
    }
  }
  .file\:border-solid {
    &::file-selector-button {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .file\:border-neutral-200 {
    &::file-selector-button {
      border-color: var(--color-neutral-200);
    }
  }
  .file\:bg-neutral-50 {
    &::file-selector-button {
      background-color: var(--color-neutral-50);
    }
  }
  .file\:px-3 {
    &::file-selector-button {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .file\:py-2\.5 {
    &::file-selector-button {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .file\:text-neutral-600 {
    &::file-selector-button {
      color: var(--color-neutral-600);
    }
  }
  .file\:outline-hidden {
    &::file-selector-button {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .placeholder\:font-\[var\(--font-display-serif\)\] {
    &::placeholder {
      --tw-font-weight: var(--font-display-serif);
      font-weight: var(--font-display-serif);
    }
  }
  .placeholder\:font-normal {
    &::placeholder {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .placeholder\:text-\[var\(--ws-text-faint\)\] {
    &::placeholder {
      color: var(--ws-text-faint);
    }
  }
  .placeholder\:text-\[var\(--ws-text-subtle\)\] {
    &::placeholder {
      color: var(--ws-text-subtle);
    }
  }
  .placeholder\:text-neutral-400 {
    &::placeholder {
      color: var(--color-neutral-400);
    }
  }
  .placeholder\:text-neutral-500 {
    &::placeholder {
      color: var(--color-neutral-500);
    }
  }
  .placeholder\:text-neutral-600 {
    &::placeholder {
      color: var(--color-neutral-600);
    }
  }
  .placeholder\:text-rose-400 {
    &::placeholder {
      color: var(--color-rose-400);
    }
  }
  .placeholder\:italic {
    &::placeholder {
      font-style: italic;
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .before\:inset-x-0 {
    &::before {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .before\:-top-1 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -1);
    }
  }
  .before\:top-1\/2 {
    &::before {
      content: var(--tw-content);
      top: calc(1/2 * 100%);
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:h-0\.5 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
  .before\:h-3 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 3);
    }
  }
  .before\:h-5 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 5);
    }
  }
  .before\:w-\[3px\] {
    &::before {
      content: var(--tw-content);
      width: 3px;
    }
  }
  .before\:w-px {
    &::before {
      content: var(--tw-content);
      width: 1px;
    }
  }
  .before\:-translate-y-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .before\:bg-\[var\(--ws-accent\)\] {
    &::before {
      content: var(--tw-content);
      background-color: var(--ws-accent);
    }
  }
  .before\:bg-neutral-200 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-neutral-200);
    }
  }
  .before\:bg-violet-400\/60 {
    &::before {
      content: var(--tw-content);
      background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-400) 60%, transparent);
      }
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:right-1 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 1);
    }
  }
  .after\:-bottom-\[5px\] {
    &::after {
      content: var(--tw-content);
      bottom: calc(5px * -1);
    }
  }
  .after\:left-1 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 1);
    }
  }
  .after\:h-\[2px\] {
    &::after {
      content: var(--tw-content);
      height: 2px;
    }
  }
  .after\:bg-\[var\(--ws-accent\)\] {
    &::after {
      content: var(--tw-content);
      background-color: var(--ws-accent);
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .first\:w-10 {
    &:first-child {
      width: calc(var(--spacing) * 10);
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .first\:pt-1 {
    &:first-child {
      padding-top: calc(var(--spacing) * 1);
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:pb-1 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  .odd\:bg-white {
    &:nth-child(odd) {
      background-color: var(--color-white);
    }
  }
  .even\:bg-neutral-50\/80 {
    &:nth-child(even) {
      background-color: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-50) 80%, transparent);
      }
    }
  }
  .visited\:text-\[var\(--ws-text\)\] {
    &:visited {
      color: var(--ws-text);
    }
  }
  .invalid\:border-red-500 {
    &:invalid {
      border-color: var(--color-red-500);
    }
  }
  .invalid\:ring-2 {
    &:invalid {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .invalid\:ring-red-200 {
    &:invalid {
      --tw-ring-color: var(--color-red-200);
    }
  }
  .focus-within\:relative {
    &:focus-within {
      position: relative;
    }
  }
  .focus-within\:border-\[var\(--ws-accent\)\] {
    &:focus-within {
      border-color: var(--ws-accent);
    }
  }
  .focus-within\:opacity-100 {
    &:focus-within {
      opacity: 100%;
    }
  }
  .focus-within\:ring-2 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-within\:ring-\[var\(--ws-accent\)\]\/20 {
    &:focus-within {
      --tw-ring-color: var(--ws-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ws-accent) 20%, transparent);
      }
    }
  }
  .focus-within\:ring-\[var\(--ws-accent\)\]\/30 {
    &:focus-within {
      --tw-ring-color: var(--ws-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ws-accent) 30%, transparent);
      }
    }
  }
  .hover\:z-\[1\] {
    &:hover {
      @media (hover: hover) {
        z-index: 1;
      }
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-125 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-\[1\.01\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.01;
      }
    }
  }
  .hover\:scale-\[1\.02\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .hover\:scale-\[1\.03\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .hover\:border {
    &:hover {
      @media (hover: hover) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .hover\:\!border-\[var\(--ws-border\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-border) !important;
      }
    }
  }
  .hover\:\!border-amber-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-400) !important;
      }
    }
  }
  .hover\:\!border-orange-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-400) !important;
      }
    }
  }
  .hover\:border-\[color\:color-mix\(in_srgb\,var\(--ws-accent\)_35\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in srgb,var(--ws-accent) 35%,transparent);
        }
      }
    }
  }
  .hover\:border-\[color\:color-mix\(in_srgb\,var\(--ws-accent\)_45\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in srgb,var(--ws-accent) 45%,transparent);
        }
      }
    }
  }
  .hover\:border-\[color\:color-mix\(in_srgb\,var\(--ws-accent\,\#c9a96e\)_45\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent,#c9a96e);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in srgb,var(--ws-accent,#c9a96e) 45%,transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-accent\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
      }
    }
  }
  .hover\:border-\[var\(--ws-accent\)\]\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-accent) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-accent\)\]\/35 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-accent) 35%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-accent\)\]\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-accent) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-accent\)\]\/45 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-accent) 45%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-accent\)\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-accent) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-accent\)\]\/55 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-accent) 55%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-accent\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-accent) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-accent-soft\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-accent-soft);
      }
    }
  }
  .hover\:border-\[var\(--ws-border\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-border);
      }
    }
  }
  .hover\:border-\[var\(--ws-border-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-border-hover);
      }
    }
  }
  .hover\:border-\[var\(--ws-border-strong\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-border-strong);
      }
    }
  }
  .hover\:border-\[var\(--ws-negative\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-negative);
      }
    }
  }
  .hover\:border-\[var\(--ws-negative\)\]\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-negative);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--ws-negative) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--ws-positive\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-positive);
      }
    }
  }
  .hover\:border-\[var\(--ws-text-muted\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-text-muted);
      }
    }
  }
  .hover\:border-\[var\(--ws-warn\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ws-warn);
      }
    }
  }
  .hover\:border-amber-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-200);
      }
    }
  }
  .hover\:border-amber-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-300);
      }
    }
  }
  .hover\:border-amber-300\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-amber-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-400);
      }
    }
  }
  .hover\:border-amber-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-amber-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-600);
      }
    }
  }
  .hover\:border-blue-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .hover\:border-blue-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .hover\:border-emerald-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:border-emerald-200\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-emerald-200) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-emerald-200\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-emerald-200\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-emerald-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:border-emerald-300\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-emerald-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-indigo-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:border-indigo-300\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-indigo-300) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-indigo-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-200\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-200\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(92.2% 0 0) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:border-neutral-300\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(87% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-300) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-300\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(87% 0 0) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-300) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-300\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(87% 0 0) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-300) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:border-orange-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-400);
      }
    }
  }
  .hover\:border-rose-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-300);
      }
    }
  }
  .hover\:border-rose-300\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(81% 0.117 11.638) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-rose-300) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-rose-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-sky-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-200);
      }
    }
  }
  .hover\:border-sky-300\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-sky-300) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-sky-400\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-sky-400) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-sky-500\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-violet-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-200);
      }
    }
  }
  .hover\:border-violet-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-300);
      }
    }
  }
  .hover\:border-violet-300\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-violet-300) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-violet-300\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-violet-300) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-violet-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-400);
      }
    }
  }
  .hover\:border-white\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .hover\:\!bg-\[var\(--ws-bg-elevated\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-elevated) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-bg-elevated) 60%, transparent) !important;
        }
      }
    }
  }
  .hover\:\!bg-\[var\(--ws-stat-bg\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-stat-bg) !important;
      }
    }
  }
  .hover\:bg-\[\#e6c98a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #e6c98a;
      }
    }
  }
  .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--ws-accent\)_18\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in srgb,var(--ws-accent) 18%,transparent);
        }
      }
    }
  }
  .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--ws-accent\)_92\%\,white_8\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in srgb,var(--ws-accent) 92%,white 8%);
        }
      }
    }
  }
  .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--ws-accent-soft\,rgba\(201\,169\,110\,0\.12\)\)_90\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft,rgba(201,169,110,0.12));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in srgb,var(--ws-accent-soft,rgba(201,169,110,0.12)) 90%,transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent);
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent\)\]\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent\)\]\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-hover);
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\)\]\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent-soft) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\)\]\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent-soft) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\)\]\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent-soft) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\)\]\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent-soft) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\)\]\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent-soft) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent-soft) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\)\]\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-accent-soft) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-accent-soft\,rgba\(201\,169\,110\,0\.12\)\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-accent-soft,rgba(201,169,110,0.12));
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg);
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-alt\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-alt);
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-alt\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-alt);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-bg-alt) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-card\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-card);
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-card-alt\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-card-alt);
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-card-alt\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-card-alt);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-bg-card-alt) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-elevated\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-elevated);
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-warm\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-warm);
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-warm\)\]\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-warm);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-bg-warm) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-bg-warm\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-bg-warm);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-bg-warm) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-border-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-border-hover);
      }
    }
  }
  .hover\:bg-\[var\(--ws-negative\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-negative);
      }
    }
  }
  .hover\:bg-\[var\(--ws-negative-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-negative-soft);
      }
    }
  }
  .hover\:bg-\[var\(--ws-negative-soft\)\]\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-negative-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-negative-soft) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-negative-soft\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-negative-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-negative-soft) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-positive\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-positive);
      }
    }
  }
  .hover\:bg-\[var\(--ws-positive-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-positive-soft);
      }
    }
  }
  .hover\:bg-\[var\(--ws-stat-bg\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-stat-bg);
      }
    }
  }
  .hover\:bg-\[var\(--ws-stat-bg\)\]\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-stat-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-stat-bg) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-stat-bg\)\]\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-stat-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-stat-bg) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-stat-bg\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-stat-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-stat-bg) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-stat-bg\)\]\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-stat-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-stat-bg) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-text\)\]\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-text);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-text) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-text\)\]\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-text);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-text) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-text-muted\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-text-muted);
      }
    }
  }
  .hover\:bg-\[var\(--ws-warn\)\]\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-warn);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-warn) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--ws-warn-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-warn-soft);
      }
    }
  }
  .hover\:bg-\[var\(--ws-warn-soft\)\]\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ws-warn-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ws-warn-soft) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-50);
      }
    }
  }
  .hover\:bg-amber-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-100\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-200);
      }
    }
  }
  .hover\:bg-amber-500\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-500\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-600);
      }
    }
  }
  .hover\:bg-amber-800\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-950\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-200);
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-cyan-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:bg-emerald-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:bg-emerald-100\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-100) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:bg-emerald-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:bg-emerald-500\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:bg-emerald-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:bg-indigo-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-50);
      }
    }
  }
  .hover\:bg-indigo-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-100\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(93% 0.034 272.788) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-100) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(93% 0.034 272.788) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-200);
      }
    }
  }
  .hover\:bg-indigo-500\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-600);
      }
    }
  }
  .hover\:bg-neutral-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-50);
      }
    }
  }
  .hover\:bg-neutral-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.5% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-50\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.5% 0 0) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-50) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-100);
      }
    }
  }
  .hover\:bg-neutral-100\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0 0) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-100) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-100\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-100\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0 0) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-100) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0 0) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-100\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0 0) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-100) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:bg-neutral-200\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-200\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:bg-neutral-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:bg-neutral-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:bg-neutral-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:bg-neutral-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .hover\:bg-neutral-800\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(26.9% 0 0) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-900\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(20.5% 0 0) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-900) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-orange-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-50);
      }
    }
  }
  .hover\:bg-pink-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(94.8% 0.028 342.258) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-pink-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-purple-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-50);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-500);
      }
    }
  }
  .hover\:bg-red-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-600);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-rose-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-50);
      }
    }
  }
  .hover\:bg-rose-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-100);
      }
    }
  }
  .hover\:bg-rose-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-200);
      }
    }
  }
  .hover\:bg-rose-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-500);
      }
    }
  }
  .hover\:bg-rose-500\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-600);
      }
    }
  }
  .hover\:bg-sky-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-50);
      }
    }
  }
  .hover\:bg-sky-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-100);
      }
    }
  }
  .hover\:bg-sky-100\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(95.1% 0.026 236.824) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-100) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-200\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-200) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-500);
      }
    }
  }
  .hover\:bg-sky-500\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-500\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-600);
      }
    }
  }
  .hover\:bg-teal-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-700);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:bg-violet-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-50);
      }
    }
  }
  .hover\:bg-violet-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-100);
      }
    }
  }
  .hover\:bg-violet-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(94.3% 0.029 294.588) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-100\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(94.3% 0.029 294.588) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-100) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-200);
      }
    }
  }
  .hover\:bg-violet-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-500);
      }
    }
  }
  .hover\:bg-violet-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-600);
      }
    }
  }
  .hover\:bg-violet-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-700);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
      }
    }
  }
  .hover\:from-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:bg-\[position\:100\%_0\] {
    &:hover {
      @media (hover: hover) {
        background-position: 100% 0;
      }
    }
  }
  .hover\:text-\[rgba\(244\,237\,224\,0\.9\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(244,237,224,0.9);
      }
    }
  }
  .hover\:text-\[var\(--ws-accent\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-accent);
      }
    }
  }
  .hover\:text-\[var\(--ws-accent\,\#c9a96e\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-accent,#c9a96e);
      }
    }
  }
  .hover\:text-\[var\(--ws-accent-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-accent-hover);
      }
    }
  }
  .hover\:text-\[var\(--ws-accent-ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-accent-ink);
      }
    }
  }
  .hover\:text-\[var\(--ws-negative\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-negative);
      }
    }
  }
  .hover\:text-\[var\(--ws-negative-ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-negative-ink);
      }
    }
  }
  .hover\:text-\[var\(--ws-positive\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-positive);
      }
    }
  }
  .hover\:text-\[var\(--ws-positive-ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-positive-ink);
      }
    }
  }
  .hover\:text-\[var\(--ws-text\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-text);
      }
    }
  }
  .hover\:text-\[var\(--ws-text-muted\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-text-muted);
      }
    }
  }
  .hover\:text-\[var\(--ws-warn\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ws-warn);
      }
    }
  }
  .hover\:text-amber-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-200);
      }
    }
  }
  .hover\:text-amber-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-300);
      }
    }
  }
  .hover\:text-amber-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-500);
      }
    }
  }
  .hover\:text-amber-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-800);
      }
    }
  }
  .hover\:text-blue-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:text-emerald-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-300);
      }
    }
  }
  .hover\:text-emerald-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-500);
      }
    }
  }
  .hover\:text-emerald-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-600);
      }
    }
  }
  .hover\:text-emerald-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-700);
      }
    }
  }
  .hover\:text-emerald-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-800);
      }
    }
  }
  .hover\:text-indigo-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-800);
      }
    }
  }
  .hover\:text-neutral-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-200);
      }
    }
  }
  .hover\:text-neutral-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-300);
      }
    }
  }
  .hover\:text-neutral-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-400);
      }
    }
  }
  .hover\:text-neutral-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-500);
      }
    }
  }
  .hover\:text-neutral-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-600);
      }
    }
  }
  .hover\:text-neutral-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-700);
      }
    }
  }
  .hover\:text-neutral-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-800);
      }
    }
  }
  .hover\:text-neutral-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-900);
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .hover\:text-rose-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-500);
      }
    }
  }
  .hover\:text-rose-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-600);
      }
    }
  }
  .hover\:text-rose-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-700);
      }
    }
  }
  .hover\:text-rose-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-800);
      }
    }
  }
  .hover\:text-sky-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-300);
      }
    }
  }
  .hover\:text-sky-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-400);
      }
    }
  }
  .hover\:text-sky-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-500);
      }
    }
  }
  .hover\:text-sky-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .hover\:text-sky-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-800);
      }
    }
  }
  .hover\:text-sky-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-900);
      }
    }
  }
  .hover\:text-violet-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-300);
      }
    }
  }
  .hover\:text-violet-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-600);
      }
    }
  }
  .hover\:text-violet-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-700);
      }
    }
  }
  .hover\:text-violet-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-900);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:decoration-\[var\(--ws-accent\)\]\/60 {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--ws-accent);
        @supports (color: color-mix(in lab, red, red)) {
          text-decoration-color: color-mix(in oklab, var(--ws-accent) 60%, transparent);
        }
      }
    }
  }
  .hover\:decoration-\[var\(--ws-accent-hover\)\] {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--ws-accent-hover);
      }
    }
  }
  .hover\:underline-offset-2 {
    &:hover {
      @media (hover: hover) {
        text-underline-offset: 2px;
      }
    }
  }
  .hover\:underline-offset-4 {
    &:hover {
      @media (hover: hover) {
        text-underline-offset: 4px;
      }
    }
  }
  .hover\:\!opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80% !important;
      }
    }
  }
  .hover\:\!opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100% !important;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:opacity-95 {
    &:hover {
      @media (hover: hover) {
        opacity: 95%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_4px_18px_var\(--ws-accent-glow\,rgba\(201\,169\,110\,0\.18\)\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 18px var(--tw-shadow-color, var(--ws-accent-glow,rgba(201,169,110,0.18)));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_4px_24px_rgba\(201\,169\,110\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 24px var(--tw-shadow-color, rgba(201,169,110,0.08));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_4px_24px_rgba\(201\,169\,110\,0\.10\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 24px var(--tw-shadow-color, rgba(201,169,110,0.10));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_4px_24px_rgba\(201\,169\,110\,0\.12\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 24px var(--tw-shadow-color, rgba(201,169,110,0.12));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_8px_22px_-14px_rgba\(10\,22\,40\,0\.22\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 8px 22px -14px var(--tw-shadow-color, rgba(10,22,40,0.22));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_8px_24px_-16px_var\(--ws-accent-glow\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 8px 24px -16px var(--tw-shadow-color, var(--ws-accent-glow));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_8px_32px_-16px_rgba\(201\,169\,110\,0\.22\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 8px 32px -16px var(--tw-shadow-color, rgba(201,169,110,0.22));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_10px_28px_-18px_var\(--ws-accent-glow\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 28px -18px var(--tw-shadow-color, var(--ws-accent-glow));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_10px_32px_-18px_var\(--ws-accent-glow\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 32px -18px var(--tw-shadow-color, var(--ws-accent-glow));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_12px_40px_-18px_var\(--ws-accent-glow\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 12px 40px -18px var(--tw-shadow-color, var(--ws-accent-glow));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_14px_36px_-22px_var\(--ws-accent-glow\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 14px 36px -22px var(--tw-shadow-color, var(--ws-accent-glow));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_18px_50px_-30px_rgba\(10\,22\,40\,0\.30\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 18px 50px -30px var(--tw-shadow-color, rgba(10,22,40,0.30));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_24px_60px_-30px_rgba\(10\,22\,40\,0\.30\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 24px 60px -30px var(--tw-shadow-color, rgba(10,22,40,0.30));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_24px_60px_-32px_color-mix\(in_srgb\,var\(--ws-accent\)_55\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 24px 60px -32px var(--tw-shadow-color, var(--ws-accent));
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow: 0 24px 60px -32px var(--tw-shadow-color, color-mix(in srgb,var(--ws-accent) 55%,transparent));
        }
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-amber-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-black\/\[0\.04\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #000 4%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 4%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-blue-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-cyan-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-emerald-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-green-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-indigo-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-neutral-200\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-orange-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-pink-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-rose-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-sky-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-teal-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-violet-500\/5 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 5%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-violet-500\/15 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-violet-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:ring-\[var\(--ws-accent-soft\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--ws-accent-soft);
      }
    }
  }
  .hover\:ring-\[var\(--ws-border-hover\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--ws-border-hover);
      }
    }
  }
  .hover\:brightness-95 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(95%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:brightness-105 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(105%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:brightness-110 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(110%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .file\:hover\:bg-neutral-100 {
    &::file-selector-button {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-100);
        }
      }
    }
  }
  .focus\:z-10 {
    &:focus {
      z-index: 10;
    }
  }
  .focus\:border-none {
    &:focus {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .focus\:\!border-\[var\(--ws-accent\)\] {
    &:focus {
      border-color: var(--ws-accent) !important;
    }
  }
  .focus\:border-\[var\(--nstack-accent\)\]\/30 {
    &:focus {
      border-color: var(--nstack-accent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--nstack-accent) 30%, transparent);
      }
    }
  }
  .focus\:border-\[var\(--ws-accent\)\] {
    &:focus {
      border-color: var(--ws-accent);
    }
  }
  .focus\:border-\[var\(--ws-accent\)\]\/40 {
    &:focus {
      border-color: var(--ws-accent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--ws-accent) 40%, transparent);
      }
    }
  }
  .focus\:border-\[var\(--ws-accent\)\]\/60 {
    &:focus {
      border-color: var(--ws-accent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--ws-accent) 60%, transparent);
      }
    }
  }
  .focus\:border-\[var\(--ws-border-hover\)\] {
    &:focus {
      border-color: var(--ws-border-hover);
    }
  }
  .focus\:border-\[var\(--ws-negative\)\] {
    &:focus {
      border-color: var(--ws-negative);
    }
  }
  .focus\:border-amber-500 {
    &:focus {
      border-color: var(--color-amber-500);
    }
  }
  .focus\:border-emerald-300 {
    &:focus {
      border-color: var(--color-emerald-300);
    }
  }
  .focus\:border-emerald-400 {
    &:focus {
      border-color: var(--color-emerald-400);
    }
  }
  .focus\:border-emerald-500 {
    &:focus {
      border-color: var(--color-emerald-500);
    }
  }
  .focus\:border-indigo-500 {
    &:focus {
      border-color: var(--color-indigo-500);
    }
  }
  .focus\:border-neutral-400 {
    &:focus {
      border-color: var(--color-neutral-400);
    }
  }
  .focus\:border-rose-500 {
    &:focus {
      border-color: var(--color-rose-500);
    }
  }
  .focus\:border-violet-300 {
    &:focus {
      border-color: var(--color-violet-300);
    }
  }
  .focus\:border-violet-500 {
    &:focus {
      border-color: var(--color-violet-500);
    }
  }
  .focus\:\!bg-\[var\(--ws-stat-bg\)\] {
    &:focus {
      background-color: var(--ws-stat-bg) !important;
    }
  }
  .focus\:bg-\[var\(--ws-accent-soft\)\]\/30 {
    &:focus {
      background-color: var(--ws-accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--ws-accent-soft) 30%, transparent);
      }
    }
  }
  .focus\:bg-\[var\(--ws-stat-bg\)\] {
    &:focus {
      background-color: var(--ws-stat-bg);
    }
  }
  .focus\:text-\[var\(--ws-accent-ink\)\] {
    &:focus {
      color: var(--ws-accent-ink);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-\[var\(--ws-accent\)\] {
    &:focus {
      --tw-ring-color: var(--ws-accent);
    }
  }
  .focus\:ring-\[var\(--ws-accent\)\]\/20 {
    &:focus {
      --tw-ring-color: var(--ws-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ws-accent) 20%, transparent);
      }
    }
  }
  .focus\:ring-\[var\(--ws-accent\)\]\/30 {
    &:focus {
      --tw-ring-color: var(--ws-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ws-accent) 30%, transparent);
      }
    }
  }
  .focus\:ring-\[var\(--ws-accent-soft\)\] {
    &:focus {
      --tw-ring-color: var(--ws-accent-soft);
    }
  }
  .focus\:ring-amber-500 {
    &:focus {
      --tw-ring-color: var(--color-amber-500);
    }
  }
  .focus\:ring-amber-500\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }
  }
  .focus\:ring-emerald-500 {
    &:focus {
      --tw-ring-color: var(--color-emerald-500);
    }
  }
  .focus\:ring-emerald-500\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
      }
    }
  }
  .focus\:ring-indigo-500 {
    &:focus {
      --tw-ring-color: var(--color-indigo-500);
    }
  }
  .focus\:ring-indigo-500\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
      }
    }
  }
  .focus\:ring-neutral-200\/80 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
      }
    }
  }
  .focus\:ring-neutral-300 {
    &:focus {
      --tw-ring-color: var(--color-neutral-300);
    }
  }
  .focus\:ring-rose-500 {
    &:focus {
      --tw-ring-color: var(--color-rose-500);
    }
  }
  .focus\:ring-rose-500\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
      }
    }
  }
  .focus\:ring-transparent {
    &:focus {
      --tw-ring-color: transparent;
    }
  }
  .focus\:ring-violet-100 {
    &:focus {
      --tw-ring-color: var(--color-violet-100);
    }
  }
  .focus\:ring-violet-200 {
    &:focus {
      --tw-ring-color: var(--color-violet-200);
    }
  }
  .focus\:ring-violet-400 {
    &:focus {
      --tw-ring-color: var(--color-violet-400);
    }
  }
  .focus\:ring-violet-500 {
    &:focus {
      --tw-ring-color: var(--color-violet-500);
    }
  }
  .focus\:ring-violet-500\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
      }
    }
  }
  .focus\:ring-white\/30 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus\:outline-transparent {
    &:focus {
      outline-color: transparent;
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:z-10 {
    &:focus-visible {
      z-index: 10;
    }
  }
  .focus-visible\:bg-neutral-50 {
    &:focus-visible {
      background-color: var(--color-neutral-50);
    }
  }
  .focus-visible\:bg-neutral-100 {
    &:focus-visible {
      background-color: var(--color-neutral-100);
    }
  }
  .focus-visible\:bg-neutral-800 {
    &:focus-visible {
      background-color: var(--color-neutral-800);
    }
  }
  .focus-visible\:ring-0 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-\[var\(--ws-accent\)\] {
    &:focus-visible {
      --tw-ring-color: var(--ws-accent);
    }
  }
  .focus-visible\:ring-\[var\(--ws-accent\)\]\/30 {
    &:focus-visible {
      --tw-ring-color: var(--ws-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ws-accent) 30%, transparent);
      }
    }
  }
  .focus-visible\:ring-\[var\(--ws-accent\)\]\/40 {
    &:focus-visible {
      --tw-ring-color: var(--ws-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ws-accent) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-\[var\(--ws-accent\,\#818cf8\)\] {
    &:focus-visible {
      --tw-ring-color: var(--ws-accent,#818cf8);
    }
  }
  .focus-visible\:ring-blue-500 {
    &:focus-visible {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus-visible\:ring-emerald-500\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-neutral-400\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(70.8% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-neutral-400) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-neutral-400\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(70.8% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-neutral-400) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-sky-500\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-violet-500\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-offset-0 {
    &:focus-visible {
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-transparent {
    &:focus-visible {
      --tw-ring-offset-color: transparent;
    }
  }
  .focus-visible\:outline-hidden {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-inset {
    &:focus-visible {
      --tw-ring-inset: inset;
    }
  }
  .focus-visible\:hover\:bg-neutral-800 {
    &:focus-visible {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-800);
        }
      }
    }
  }
  .active\:translate-y-0 {
    &:active {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .active\:scale-90 {
    &:active {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-\[0\.96\] {
    &:active {
      scale: 0.96;
    }
  }
  .active\:scale-\[0\.97\] {
    &:active {
      scale: 0.97;
    }
  }
  .active\:scale-\[0\.98\] {
    &:active {
      scale: 0.98;
    }
  }
  .active\:scale-\[0\.99\] {
    &:active {
      scale: 0.99;
    }
  }
  .active\:cursor-grabbing {
    &:active {
      cursor: grabbing;
    }
  }
  .active\:bg-\[var\(--ws-stat-bg\)\] {
    &:active {
      background-color: var(--ws-stat-bg);
    }
  }
  .active\:bg-black\/5 {
    &:active {
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }
  .active\:bg-neutral-100 {
    &:active {
      background-color: var(--color-neutral-100);
    }
  }
  .active\:bg-neutral-200 {
    &:active {
      background-color: var(--color-neutral-200);
    }
  }
  .active\:bg-white\/10 {
    &:active {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .active\:opacity-80 {
    &:active {
      opacity: 80%;
    }
  }
  .enabled\:cursor-pointer {
    &:enabled {
      cursor: pointer;
    }
  }
  .enabled\:hover\:bg-\[var\(--ws-stat-bg\)\] {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--ws-stat-bg);
        }
      }
    }
  }
  .enabled\:hover\:text-\[var\(--ws-text\)\] {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          color: var(--ws-text);
        }
      }
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:border-0 {
    &:disabled {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .disabled\:border-neutral-200 {
    &:disabled {
      border-color: var(--color-neutral-200);
    }
  }
  .disabled\:border-neutral-300 {
    &:disabled {
      border-color: var(--color-neutral-300);
    }
  }
  .disabled\:bg-neutral-50 {
    &:disabled {
      background-color: var(--color-neutral-50);
    }
  }
  .disabled\:bg-neutral-100 {
    &:disabled {
      background-color: var(--color-neutral-100);
    }
  }
  .disabled\:bg-neutral-200 {
    &:disabled {
      background-color: var(--color-neutral-200);
    }
  }
  .disabled\:bg-rose-200 {
    &:disabled {
      background-color: var(--color-rose-200);
    }
  }
  .disabled\:bg-transparent {
    &:disabled {
      background-color: transparent;
    }
  }
  .disabled\:from-cyan-300 {
    &:disabled {
      --tw-gradient-from: var(--color-cyan-300);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .disabled\:from-emerald-300 {
    &:disabled {
      --tw-gradient-from: var(--color-emerald-300);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .disabled\:from-violet-300 {
    &:disabled {
      --tw-gradient-from: var(--color-violet-300);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .disabled\:via-cyan-300 {
    &:disabled {
      --tw-gradient-via: var(--color-cyan-300);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .disabled\:to-emerald-300 {
    &:disabled {
      --tw-gradient-to: var(--color-emerald-300);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .disabled\:to-purple-300 {
    &:disabled {
      --tw-gradient-to: var(--color-purple-300);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .disabled\:to-sky-300 {
    &:disabled {
      --tw-gradient-to: var(--color-sky-300);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .disabled\:to-teal-300 {
    &:disabled {
      --tw-gradient-to: var(--color-teal-300);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .disabled\:text-neutral-400 {
    &:disabled {
      color: var(--color-neutral-400);
    }
  }
  .disabled\:text-neutral-500 {
    &:disabled {
      color: var(--color-neutral-500);
    }
  }
  .disabled\:text-rose-400 {
    &:disabled {
      color: var(--color-rose-400);
    }
  }
  .disabled\:opacity-20 {
    &:disabled {
      opacity: 20%;
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .disabled\:opacity-70 {
    &:disabled {
      opacity: 70%;
    }
  }
  .disabled\:shadow-none {
    &:disabled {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .file\:disabled\:pointer-events-none {
    &::file-selector-button {
      &:disabled {
        pointer-events: none;
      }
    }
  }
  .file\:disabled\:bg-neutral-100 {
    &::file-selector-button {
      &:disabled {
        background-color: var(--color-neutral-100);
      }
    }
  }
  .file\:disabled\:text-neutral-400 {
    &::file-selector-button {
      &:disabled {
        color: var(--color-neutral-400);
      }
    }
  }
  .disabled\:hover\:bg-transparent {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
    }
  }
  .aria-invalid\:border-red-500 {
    &[aria-invalid="true"] {
      border-color: var(--color-red-500);
    }
  }
  .aria-invalid\:ring-2 {
    &[aria-invalid="true"] {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .aria-invalid\:ring-red-200 {
    &[aria-invalid="true"] {
      --tw-ring-color: var(--color-red-200);
    }
  }
  .aria-selected\:bg-black {
    &[aria-selected="true"] {
      background-color: var(--color-black);
    }
  }
  .aria-selected\:bg-neutral-100\! {
    &[aria-selected="true"] {
      background-color: var(--color-neutral-100) !important;
    }
  }
  .aria-selected\:text-neutral-50 {
    &[aria-selected="true"] {
      color: var(--color-neutral-50);
    }
  }
  .aria-selected\:text-neutral-900\! {
    &[aria-selected="true"] {
      color: var(--color-neutral-900) !important;
    }
  }
  .data-disabled\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
  .data-disabled\:cursor-default {
    &[data-disabled] {
      cursor: default;
    }
  }
  .data-disabled\:cursor-not-allowed {
    &[data-disabled] {
      cursor: not-allowed;
    }
  }
  .data-disabled\:border-neutral-100 {
    &[data-disabled] {
      border-color: var(--color-neutral-100);
    }
  }
  .data-disabled\:border-neutral-200 {
    &[data-disabled] {
      border-color: var(--color-neutral-200);
    }
  }
  .data-disabled\:bg-neutral-50 {
    &[data-disabled] {
      background-color: var(--color-neutral-50);
    }
  }
  .data-disabled\:bg-neutral-200 {
    &[data-disabled] {
      background-color: var(--color-neutral-200);
    }
  }
  .data-disabled\:bg-neutral-300 {
    &[data-disabled] {
      background-color: var(--color-neutral-300);
    }
  }
  .data-disabled\:text-neutral-400 {
    &[data-disabled] {
      color: var(--color-neutral-400);
    }
  }
  .data-disabled\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
  .data-disabled\:shadow-none {
    &[data-disabled] {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-disabled\:hover\:bg-none {
    &[data-disabled] {
      &:hover {
        @media (hover: hover) {
          background-image: none;
        }
      }
    }
  }
  .data-placeholder\:text-neutral-400 {
    &[data-placeholder] {
      color: var(--color-neutral-400);
    }
  }
  .data-\[highlighted\]\:\!bg-\[var\(--ws-stat-bg\)\] {
    &[data-highlighted] {
      background-color: var(--ws-stat-bg) !important;
    }
  }
  .data-\[orientation\=\'horizontal\'\]\:h-1\.5 {
    &[data-orientation='horizontal'] {
      height: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[orientation\=\'horizontal\'\]\:h-full {
    &[data-orientation='horizontal'] {
      height: 100%;
    }
  }
  .data-\[orientation\=\'horizontal\'\]\:w-full {
    &[data-orientation='horizontal'] {
      width: 100%;
    }
  }
  .data-\[orientation\=\'horizontal\'\]\:items-center {
    &[data-orientation='horizontal'] {
      align-items: center;
    }
  }
  .data-\[orientation\=\'vertical\'\]\:h-full {
    &[data-orientation='vertical'] {
      height: 100%;
    }
  }
  .data-\[orientation\=\'vertical\'\]\:w-1\.5 {
    &[data-orientation='vertical'] {
      width: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[orientation\=\'vertical\'\]\:w-fit {
    &[data-orientation='vertical'] {
      width: fit-content;
    }
  }
  .data-\[orientation\=\'vertical\'\]\:w-full {
    &[data-orientation='vertical'] {
      width: 100%;
    }
  }
  .data-\[orientation\=\'vertical\'\]\:justify-center {
    &[data-orientation='vertical'] {
      justify-content: center;
    }
  }
  .data-\[side\=bottom\]\:animate-slide-down-and-fade {
    &[data-side="bottom"] {
      animation: var(--animate-slide-down-and-fade);
    }
  }
  .data-\[side\=left\]\:animate-slide-left-and-fade {
    &[data-side="left"] {
      animation: var(--animate-slide-left-and-fade);
    }
  }
  .data-\[side\=right\]\:animate-slide-right-and-fade {
    &[data-side="right"] {
      animation: var(--animate-slide-right-and-fade);
    }
  }
  .data-\[side\=top\]\:animate-slide-up-and-fade {
    &[data-side="top"] {
      animation: var(--animate-slide-up-and-fade);
    }
  }
  .data-\[state\=active\]\:border-\[var\(--ws-accent\)\] {
    &[data-state="active"] {
      border-color: var(--ws-accent);
    }
  }
  .data-\[state\=active\]\:border-violet-500 {
    &[data-state="active"] {
      border-color: var(--color-violet-500);
    }
  }
  .data-\[state\=active\]\:\!bg-white {
    &[data-state="active"] {
      background-color: var(--color-white) !important;
    }
  }
  .data-\[state\=active\]\:bg-\[var\(--ws-bg-card\)\] {
    &[data-state="active"] {
      background-color: var(--ws-bg-card);
    }
  }
  .data-\[state\=active\]\:bg-transparent {
    &[data-state="active"] {
      background-color: transparent;
    }
  }
  .data-\[state\=active\]\:font-medium {
    &[data-state="active"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[state\=active\]\:\!text-sky-600 {
    &[data-state="active"] {
      color: var(--color-sky-600) !important;
    }
  }
  .data-\[state\=active\]\:text-\[var\(--ws-accent\)\] {
    &[data-state="active"] {
      color: var(--ws-accent);
    }
  }
  .data-\[state\=active\]\:text-\[var\(--ws-text\)\] {
    &[data-state="active"] {
      color: var(--ws-text);
    }
  }
  .data-\[state\=active\]\:\!shadow-sm {
    &[data-state="active"] {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .data-\[state\=active\]\:shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.05\)\] {
    &[data-state="active"] {
      --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-\[state\=active\]\:shadow-none {
    &[data-state="active"] {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-\[state\=checked\]\:translate-x-3 {
    &[data-state="checked"] {
      --tw-translate-x: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[state\=checked\]\:translate-x-4 {
    &[data-state="checked"] {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[state\=checked\]\:border-blue-500 {
    &[data-state="checked"] {
      border-color: var(--color-blue-500);
    }
  }
  .data-\[state\=checked\]\:bg-gradient-to-r {
    &[data-state="checked"] {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .data-\[state\=checked\]\:from-violet-500 {
    &[data-state="checked"] {
      --tw-gradient-from: var(--color-violet-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .data-\[state\=checked\]\:to-cyan-500 {
    &[data-state="checked"] {
      --tw-gradient-to: var(--color-cyan-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .data-\[state\=checked\]\:\!font-semibold {
    &[data-state="checked"] {
      --tw-font-weight: var(--font-weight-semibold) !important;
      font-weight: var(--font-weight-semibold) !important;
    }
  }
  .data-\[state\=checked\]\:font-medium {
    &[data-state="checked"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[state\=checked\]\:font-semibold {
    &[data-state="checked"] {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .data-\[state\=checked\]\:\!text-\[var\(--ws-accent\)\] {
    &[data-state="checked"] {
      color: var(--ws-accent) !important;
    }
  }
  .data-\[state\=checked\]\:ring-violet-400\/50 {
    &[data-state="checked"] {
      --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
      }
    }
  }
  .enabled\:data-\[state\=checked\]\:border-0 {
    &:enabled {
      &[data-state="checked"] {
        border-style: var(--tw-border-style);
        border-width: 0px;
      }
    }
  }
  .enabled\:data-\[state\=checked\]\:border-transparent {
    &:enabled {
      &[data-state="checked"] {
        border-color: transparent;
      }
    }
  }
  .enabled\:data-\[state\=checked\]\:bg-gradient-to-br {
    &:enabled {
      &[data-state="checked"] {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .enabled\:data-\[state\=checked\]\:from-violet-500 {
    &:enabled {
      &[data-state="checked"] {
        --tw-gradient-from: var(--color-violet-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .enabled\:data-\[state\=checked\]\:to-cyan-500 {
    &:enabled {
      &[data-state="checked"] {
        --tw-gradient-to: var(--color-cyan-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .data-disabled\:data-\[state\=checked\]\:from-neutral-400 {
    &[data-disabled] {
      &[data-state="checked"] {
        --tw-gradient-from: var(--color-neutral-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .data-disabled\:data-\[state\=checked\]\:to-neutral-400 {
    &[data-disabled] {
      &[data-state="checked"] {
        --tw-gradient-to: var(--color-neutral-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .data-disabled\:data-\[state\=checked\]\:ring-neutral-300 {
    &[data-disabled] {
      &[data-state="checked"] {
        --tw-ring-color: var(--color-neutral-300);
      }
    }
  }
  .data-\[state\=closed\]\:animate-accordion-close {
    &[data-state="closed"] {
      animation: var(--animate-accordion-close);
    }
  }
  .data-\[state\=closed\]\:animate-drawer-slide-right-and-fade {
    &[data-state="closed"] {
      animation: var(--animate-drawer-slide-right-and-fade);
    }
  }
  .data-\[state\=closed\]\:animate-hide {
    &[data-state="closed"] {
      animation: var(--animate-hide);
    }
  }
  .data-\[state\=inactive\]\:hidden {
    &[data-state="inactive"] {
      display: none;
    }
  }
  .data-\[state\=inactive\]\:\!bg-transparent {
    &[data-state="inactive"] {
      background-color: transparent !important;
    }
  }
  .data-\[state\=inactive\]\:text-neutral-600 {
    &[data-state="inactive"] {
      color: var(--color-neutral-600);
    }
  }
  .enabled\:data-\[state\=indeterminate\]\:border-0 {
    &:enabled {
      &[data-state="indeterminate"] {
        border-style: var(--tw-border-style);
        border-width: 0px;
      }
    }
  }
  .enabled\:data-\[state\=indeterminate\]\:border-transparent {
    &:enabled {
      &[data-state="indeterminate"] {
        border-color: transparent;
      }
    }
  }
  .enabled\:data-\[state\=indeterminate\]\:bg-gradient-to-br {
    &:enabled {
      &[data-state="indeterminate"] {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .enabled\:data-\[state\=indeterminate\]\:from-violet-500 {
    &:enabled {
      &[data-state="indeterminate"] {
        --tw-gradient-from: var(--color-violet-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .enabled\:data-\[state\=indeterminate\]\:to-cyan-500 {
    &:enabled {
      &[data-state="indeterminate"] {
        --tw-gradient-to: var(--color-cyan-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .data-\[state\=open\]\:animate-accordion-open {
    &[data-state="open"] {
      animation: var(--animate-accordion-open);
    }
  }
  .data-\[state\=open\]\:animate-dialog-content-show {
    &[data-state="open"] {
      animation: var(--animate-dialog-content-show);
    }
  }
  .data-\[state\=open\]\:animate-dialog-overlay-show {
    &[data-state="open"] {
      animation: var(--animate-dialog-overlay-show);
    }
  }
  .data-\[state\=open\]\:animate-drawer-slide-left-and-fade {
    &[data-state="open"] {
      animation: var(--animate-drawer-slide-left-and-fade);
    }
  }
  .data-\[state\=open\]\:animate-slide-down-and-fade {
    &[data-state="open"] {
      animation: var(--animate-slide-down-and-fade);
    }
  }
  .data-\[state\=open\]\:\!border-\[var\(--ws-accent\)\] {
    &[data-state="open"] {
      border-color: var(--ws-accent) !important;
    }
  }
  .data-\[state\=open\]\:border-neutral-300 {
    &[data-state="open"] {
      border-color: var(--color-neutral-300);
    }
  }
  .data-\[state\=open\]\:bg-neutral-50 {
    &[data-state="open"] {
      background-color: var(--color-neutral-50);
    }
  }
  .data-\[state\=open\]\:bg-neutral-100 {
    &[data-state="open"] {
      background-color: var(--color-neutral-100);
    }
  }
  .data-\[state\=open\]\:bg-neutral-200\/50 {
    &[data-state="open"] {
      background-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
      }
    }
  }
  .data-\[state\=open\]\:bg-neutral-400\/10 {
    &[data-state="open"] {
      background-color: color-mix(in srgb, oklch(70.8% 0 0) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
      }
    }
  }
  .data-\[state\=open\]\:\!ring-2 {
    &[data-state="open"] {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .data-\[state\=open\]\:\!ring-\[var\(--ws-accent\)\]\/20 {
    &[data-state="open"] {
      --tw-ring-color: var(--ws-accent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ws-accent) 20%, transparent) !important;
      }
    }
  }
  .data-\[state\=open\]\:data-\[side\=bottom\]\:animate-slide-down-and-fade {
    &[data-state="open"] {
      &[data-side="bottom"] {
        animation: var(--animate-slide-down-and-fade);
      }
    }
  }
  .data-\[state\=open\]\:data-\[side\=left\]\:animate-slide-left-and-fade {
    &[data-state="open"] {
      &[data-side="left"] {
        animation: var(--animate-slide-left-and-fade);
      }
    }
  }
  .data-\[state\=open\]\:data-\[side\=right\]\:animate-slide-right-and-fade {
    &[data-state="open"] {
      &[data-side="right"] {
        animation: var(--animate-slide-right-and-fade);
      }
    }
  }
  .data-\[state\=open\]\:data-\[side\=top\]\:animate-slide-up-and-fade {
    &[data-state="open"] {
      &[data-side="top"] {
        animation: var(--animate-slide-up-and-fade);
      }
    }
  }
  .data-\[state\=unchecked\]\:translate-x-0 {
    &[data-state="unchecked"] {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-disabled\:data-\[state\=unchecked\]\:bg-neutral-100 {
    &[data-disabled] {
      &[data-state="unchecked"] {
        background-color: var(--color-neutral-100);
      }
    }
  }
  .data-disabled\:data-\[state\=unchecked\]\:ring-neutral-200 {
    &[data-disabled] {
      &[data-state="unchecked"] {
        --tw-ring-color: var(--color-neutral-200);
      }
    }
  }
  .data-\[tone\=rose\]\:bg-rose-500 {
    &[data-tone="rose"] {
      background-color: var(--color-rose-500);
    }
  }
  .supports-\[backdrop-filter\]\:bg-\[rgba\(6\,14\,26\,0\.32\)\] {
    @supports (backdrop-filter: var(--tw)) {
      background-color: rgba(6,14,26,0.32);
    }
  }
  .supports-\[backdrop-filter\]\:bg-\[var\(--ws-bg\)\]\/80 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: var(--ws-bg);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--ws-bg) 80%, transparent);
      }
    }
  }
  .supports-\[backdrop-filter\]\:bg-\[var\(--ws-bg-card\)\]\/60 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: var(--ws-bg-card);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--ws-bg-card) 60%, transparent);
      }
    }
  }
  .motion-safe\:animate-\[thinking-dot_1200ms_ease-in-out_infinite\] {
    @media (prefers-reduced-motion: no-preference) {
      animation: thinking-dot 1200ms ease-in-out infinite;
    }
  }
  .motion-safe\:animate-ping {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-ping);
    }
  }
  .motion-safe\:animate-pulse {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-pulse);
    }
  }
  .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-spin);
    }
  }
  .motion-reduce\:hidden {
    @media (prefers-reduced-motion: reduce) {
      display: none;
    }
  }
  .motion-reduce\:animate-none {
    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
  }
  .motion-reduce\:opacity-100 {
    @media (prefers-reduced-motion: reduce) {
      opacity: 100%;
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .motion-reduce\:duration-0 {
    @media (prefers-reduced-motion: reduce) {
      --tw-duration: 0ms;
      transition-duration: 0ms;
    }
  }
  .max-sm\:sr-only {
    @media (width < 40rem) {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .max-sm\:inset-x-2 {
    @media (width < 40rem) {
      inset-inline: calc(var(--spacing) * 2);
    }
  }
  .min-\[400px\]\:w-auto {
    @media (width >= 400px) {
      width: auto;
    }
  }
  .min-\[400px\]\:flex-row {
    @media (width >= 400px) {
      flex-direction: row;
    }
  }
  .min-\[400px\]\:items-center {
    @media (width >= 400px) {
      align-items: center;
    }
  }
  .min-\[400px\]\:justify-end {
    @media (width >= 400px) {
      justify-content: flex-end;
    }
  }
  .sm\:relative {
    @media (width >= 40rem) {
      position: relative;
    }
  }
  .sm\:static {
    @media (width >= 40rem) {
      position: static;
    }
  }
  .sm\:inset-0 {
    @media (width >= 40rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .sm\:inset-auto {
    @media (width >= 40rem) {
      inset: auto;
    }
  }
  .sm\:inset-y-2 {
    @media (width >= 40rem) {
      inset-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:inset-y-9 {
    @media (width >= 40rem) {
      inset-block: calc(var(--spacing) * 9);
    }
  }
  .sm\:top-3 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 3);
    }
  }
  .sm\:top-10 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 10);
    }
  }
  .sm\:top-auto {
    @media (width >= 40rem) {
      top: auto;
    }
  }
  .sm\:right-2 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 2);
    }
  }
  .sm\:right-3 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 3);
    }
  }
  .sm\:right-4 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 4);
    }
  }
  .sm\:right-6 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .sm\:right-10 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .sm\:right-auto {
    @media (width >= 40rem) {
      right: auto;
    }
  }
  .sm\:bottom-4 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:bottom-6 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:bottom-10 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 10);
    }
  }
  .sm\:left-0 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .sm\:left-4 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 4);
    }
  }
  .sm\:left-6 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 6);
    }
  }
  .sm\:left-10 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 10);
    }
  }
  .sm\:left-auto {
    @media (width >= 40rem) {
      left: auto;
    }
  }
  .sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-3 {
    @media (width >= 40rem) {
      grid-column: span 3 / span 3;
    }
  }
  .sm\:col-span-4 {
    @media (width >= 40rem) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:col-span-5 {
    @media (width >= 40rem) {
      grid-column: span 5 / span 5;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 40rem) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:-mx-5 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * -5);
    }
  }
  .sm\:-mx-6 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * -6);
    }
  }
  .sm\:mx-0 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:mx-1 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 1);
    }
  }
  .sm\:mx-8 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:-my-4 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * -4);
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mt-1 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .sm\:mt-1\.5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:mt-2 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .sm\:mt-3 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .sm\:mt-4 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .sm\:mt-5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .sm\:mt-6 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:mt-8 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .sm\:mt-10 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:mt-\[7px\] {
    @media (width >= 40rem) {
      margin-top: 7px;
    }
  }
  .sm\:mr-2 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .sm\:mb-1 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .sm\:mb-2 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .sm\:mb-3 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .sm\:mb-6 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:mb-8 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:mb-10 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .sm\:mb-14 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .sm\:mb-20 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .sm\:ml-1 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 1);
    }
  }
  .sm\:ml-2 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .sm\:ml-4 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:inline-block {
    @media (width >= 40rem) {
      display: inline-block;
    }
  }
  .sm\:inline-flex {
    @media (width >= 40rem) {
      display: inline-flex;
    }
  }
  .sm\:table-cell {
    @media (width >= 40rem) {
      display: table-cell;
    }
  }
  .sm\:size-7 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }
  .sm\:size-\[30px\] {
    @media (width >= 40rem) {
      width: 30px;
      height: 30px;
    }
  }
  .sm\:h-2 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 2);
    }
  }
  .sm\:h-2\.5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:h-3 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 3);
    }
  }
  .sm\:h-4 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 4);
    }
  }
  .sm\:h-5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .sm\:h-6 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .sm\:h-7 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .sm\:h-8 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  .sm\:h-9 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 9);
    }
  }
  .sm\:h-10 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .sm\:h-14 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .sm\:h-16 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .sm\:h-\[62px\] {
    @media (width >= 40rem) {
      height: 62px;
    }
  }
  .sm\:h-\[650px\] {
    @media (width >= 40rem) {
      height: 650px;
    }
  }
  .sm\:h-auto {
    @media (width >= 40rem) {
      height: auto;
    }
  }
  .sm\:h-full {
    @media (width >= 40rem) {
      height: 100%;
    }
  }
  .sm\:max-h-\[88vh\] {
    @media (width >= 40rem) {
      max-height: 88vh;
    }
  }
  .sm\:max-h-\[650px\] {
    @media (width >= 40rem) {
      max-height: 650px;
    }
  }
  .sm\:min-h-0 {
    @media (width >= 40rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .sm\:min-h-\[300px\] {
    @media (width >= 40rem) {
      min-height: 300px;
    }
  }
  .sm\:w-2 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 2);
    }
  }
  .sm\:w-2\.5 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:w-3 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 3);
    }
  }
  .sm\:w-4 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 4);
    }
  }
  .sm\:w-5 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .sm\:w-6 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .sm\:w-8 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 8);
    }
  }
  .sm\:w-9 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 9);
    }
  }
  .sm\:w-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .sm\:w-14 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .sm\:w-16 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .sm\:w-20 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .sm\:w-24 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .sm\:w-28 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 28);
    }
  }
  .sm\:w-32 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .sm\:w-36 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 36);
    }
  }
  .sm\:w-40 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .sm\:w-52 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 52);
    }
  }
  .sm\:w-56 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .sm\:w-64 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-72 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .sm\:w-\[7\.5rem\] {
    @media (width >= 40rem) {
      width: 7.5rem;
    }
  }
  .sm\:w-\[110px\] {
    @media (width >= 40rem) {
      width: 110px;
    }
  }
  .sm\:w-\[150px\] {
    @media (width >= 40rem) {
      width: 150px;
    }
  }
  .sm\:w-\[180px\] {
    @media (width >= 40rem) {
      width: 180px;
    }
  }
  .sm\:w-\[260px\] {
    @media (width >= 40rem) {
      width: 260px;
    }
  }
  .sm\:w-\[280px\] {
    @media (width >= 40rem) {
      width: 280px;
    }
  }
  .sm\:w-\[300px\] {
    @media (width >= 40rem) {
      width: 300px;
    }
  }
  .sm\:w-\[420px\] {
    @media (width >= 40rem) {
      width: 420px;
    }
  }
  .sm\:w-\[460px\] {
    @media (width >= 40rem) {
      width: 460px;
    }
  }
  .sm\:w-\[480px\] {
    @media (width >= 40rem) {
      width: 480px;
    }
  }
  .sm\:w-\[640px\] {
    @media (width >= 40rem) {
      width: 640px;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:w-fit {
    @media (width >= 40rem) {
      width: fit-content;
    }
  }
  .sm\:w-full {
    @media (width >= 40rem) {
      width: 100%;
    }
  }
  .sm\:max-w-5xl {
    @media (width >= 40rem) {
      max-width: var(--container-5xl);
    }
  }
  .sm\:max-w-56 {
    @media (width >= 40rem) {
      max-width: calc(var(--spacing) * 56);
    }
  }
  .sm\:max-w-72 {
    @media (width >= 40rem) {
      max-width: calc(var(--spacing) * 72);
    }
  }
  .sm\:max-w-\[12rem\] {
    @media (width >= 40rem) {
      max-width: 12rem;
    }
  }
  .sm\:max-w-\[78\%\] {
    @media (width >= 40rem) {
      max-width: 78%;
    }
  }
  .sm\:max-w-\[80\%\] {
    @media (width >= 40rem) {
      max-width: 80%;
    }
  }
  .sm\:max-w-\[85\%\] {
    @media (width >= 40rem) {
      max-width: 85%;
    }
  }
  .sm\:max-w-\[88\%\] {
    @media (width >= 40rem) {
      max-width: 88%;
    }
  }
  .sm\:max-w-\[90\%\] {
    @media (width >= 40rem) {
      max-width: 90%;
    }
  }
  .sm\:max-w-\[95\%\] {
    @media (width >= 40rem) {
      max-width: 95%;
    }
  }
  .sm\:max-w-\[220px\] {
    @media (width >= 40rem) {
      max-width: 220px;
    }
  }
  .sm\:max-w-\[320px\] {
    @media (width >= 40rem) {
      max-width: 320px;
    }
  }
  .sm\:max-w-\[340px\] {
    @media (width >= 40rem) {
      max-width: 340px;
    }
  }
  .sm\:max-w-\[360px\] {
    @media (width >= 40rem) {
      max-width: 360px;
    }
  }
  .sm\:max-w-\[420px\] {
    @media (width >= 40rem) {
      max-width: 420px;
    }
  }
  .sm\:max-w-\[480px\] {
    @media (width >= 40rem) {
      max-width: 480px;
    }
  }
  .sm\:max-w-full {
    @media (width >= 40rem) {
      max-width: 100%;
    }
  }
  .sm\:max-w-lg {
    @media (width >= 40rem) {
      max-width: var(--container-lg);
    }
  }
  .sm\:max-w-md {
    @media (width >= 40rem) {
      max-width: var(--container-md);
    }
  }
  .sm\:max-w-none {
    @media (width >= 40rem) {
      max-width: none;
    }
  }
  .sm\:max-w-sm {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
  .sm\:min-w-56 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 56);
    }
  }
  .sm\:min-w-72 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 72);
    }
  }
  .sm\:min-w-\[6\.5rem\] {
    @media (width >= 40rem) {
      min-width: 6.5rem;
    }
  }
  .sm\:min-w-\[7\.5rem\] {
    @media (width >= 40rem) {
      min-width: 7.5rem;
    }
  }
  .sm\:min-w-\[8\.5rem\] {
    @media (width >= 40rem) {
      min-width: 8.5rem;
    }
  }
  .sm\:min-w-\[180px\] {
    @media (width >= 40rem) {
      min-width: 180px;
    }
  }
  .sm\:flex-none {
    @media (width >= 40rem) {
      flex: none;
    }
  }
  .sm\:shrink-0 {
    @media (width >= 40rem) {
      flex-shrink: 0;
    }
  }
  .sm\:basis-auto {
    @media (width >= 40rem) {
      flex-basis: auto;
    }
  }
  .sm\:grid-cols-1 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-5 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-12 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr auto;
    }
  }
  .sm\:grid-cols-\[1fr_auto_120px_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr auto 120px auto;
    }
  }
  .sm\:grid-cols-\[44px_1fr_84px_120px_120px\] {
    @media (width >= 40rem) {
      grid-template-columns: 44px 1fr 84px 120px 120px;
    }
  }
  .sm\:grid-cols-\[80px_1fr_56px_120px_120px_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 80px 1fr 56px 120px 120px auto;
    }
  }
  .sm\:grid-cols-\[100px_84px_1fr_92px_120px\] {
    @media (width >= 40rem) {
      grid-template-columns: 100px 84px 1fr 92px 120px;
    }
  }
  .sm\:grid-cols-\[140px_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 140px 1fr;
    }
  }
  .sm\:grid-cols-\[auto_1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: auto 1fr auto;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1\.6fr\)_auto_minmax\(0\,1fr\)_auto_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1.6fr) auto minmax(0,1fr) auto auto;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);
    }
  }
  .sm\:flex-col {
    @media (width >= 40rem) {
      flex-direction: column;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-baseline {
    @media (width >= 40rem) {
      align-items: baseline;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:items-stretch {
    @media (width >= 40rem) {
      align-items: stretch;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-center {
    @media (width >= 40rem) {
      justify-content: center;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:justify-start {
    @media (width >= 40rem) {
      justify-content: flex-start;
    }
  }
  .sm\:gap-1 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .sm\:gap-1\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-2\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-3\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-8 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:space-y-2\.5 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:space-y-4 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:space-y-5 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:space-y-6 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:space-y-9 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:gap-x-6 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-x-10 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .sm\:space-x-2 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .sm\:gap-y-2 {
    @media (width >= 40rem) {
      row-gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:self-center {
    @media (width >= 40rem) {
      align-self: center;
    }
  }
  .sm\:truncate {
    @media (width >= 40rem) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .sm\:overflow-visible {
    @media (width >= 40rem) {
      overflow: visible;
    }
  }
  .sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .sm\:rounded-lg {
    @media (width >= 40rem) {
      border-radius: var(--radius-lg);
    }
  }
  .sm\:rounded-xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-xl);
    }
  }
  .sm\:rounded-t-2xl {
    @media (width >= 40rem) {
      border-top-left-radius: var(--radius-2xl);
      border-top-right-radius: var(--radius-2xl);
    }
  }
  .sm\:rounded-t-\[15px\] {
    @media (width >= 40rem) {
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
    }
  }
  .sm\:rounded-tr-2xl {
    @media (width >= 40rem) {
      border-top-right-radius: var(--radius-2xl);
    }
  }
  .sm\:rounded-b-2xl {
    @media (width >= 40rem) {
      border-bottom-right-radius: var(--radius-2xl);
      border-bottom-left-radius: var(--radius-2xl);
    }
  }
  .sm\:border {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .sm\:border-0 {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .sm\:border-r {
    @media (width >= 40rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .sm\:border-b-0 {
    @media (width >= 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .sm\:border-none {
    @media (width >= 40rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .sm\:border-neutral-200 {
    @media (width >= 40rem) {
      border-color: var(--color-neutral-200);
    }
  }
  .sm\:bg-\[var\(--ws-bg-card\)\] {
    @media (width >= 40rem) {
      background-color: var(--ws-bg-card);
    }
  }
  .sm\:bg-emerald-100 {
    @media (width >= 40rem) {
      background-color: var(--color-emerald-100);
    }
  }
  .sm\:bg-neutral-100 {
    @media (width >= 40rem) {
      background-color: var(--color-neutral-100);
    }
  }
  .sm\:bg-neutral-200 {
    @media (width >= 40rem) {
      background-color: var(--color-neutral-200);
    }
  }
  .sm\:bg-neutral-200\/50 {
    @media (width >= 40rem) {
      background-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
      }
    }
  }
  .sm\:bg-neutral-400 {
    @media (width >= 40rem) {
      background-color: var(--color-neutral-400);
    }
  }
  .sm\:bg-neutral-900 {
    @media (width >= 40rem) {
      background-color: var(--color-neutral-900);
    }
  }
  .sm\:bg-transparent {
    @media (width >= 40rem) {
      background-color: transparent;
    }
  }
  .sm\:bg-white {
    @media (width >= 40rem) {
      background-color: var(--color-white);
    }
  }
  .sm\:bg-white\/90 {
    @media (width >= 40rem) {
      background-color: color-mix(in srgb, #fff 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
  }
  .sm\:\[mask-image\:none\] {
    @media (width >= 40rem) {
      mask-image: none;
    }
  }
  .sm\:p-1 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 1);
    }
  }
  .sm\:p-2 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .sm\:p-3 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-7 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .sm\:p-9 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-1\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:px-2 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .sm\:px-2\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:px-3 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-7 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-10 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .sm\:px-12 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .sm\:py-0 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .sm\:py-1 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .sm\:py-1\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:py-2 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:py-2\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:py-3 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .sm\:py-3\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:py-4 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:py-5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-9 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 9);
    }
  }
  .sm\:py-10 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .sm\:py-12 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .sm\:py-14 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .sm\:py-20 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .sm\:py-px {
    @media (width >= 40rem) {
      padding-block: 1px;
    }
  }
  .sm\:pt-0 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:pt-3\.5 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:pt-6 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:pt-8 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .sm\:pt-10 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:pt-14 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .sm\:pt-16 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .sm\:pt-20 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .sm\:pt-24 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .sm\:pt-36 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 36);
    }
  }
  .sm\:pt-\[max\(5rem\,calc\(var\(--global-nav-height\,48px\)\+2\.25rem\)\)\] {
    @media (width >= 40rem) {
      padding-top: max(5rem, calc(var(--global-nav-height,48px) + 2.25rem));
    }
  }
  .sm\:pr-4 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .sm\:pr-10 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .sm\:pb-4 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:pb-6 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:pb-8 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:pl-0 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .sm\:pl-2 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:text-xs {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sm\:text-\[2\.25rem\] {
    @media (width >= 40rem) {
      font-size: 2.25rem;
    }
  }
  .sm\:text-\[2rem\] {
    @media (width >= 40rem) {
      font-size: 2rem;
    }
  }
  .sm\:text-\[10px\] {
    @media (width >= 40rem) {
      font-size: 10px;
    }
  }
  .sm\:text-\[11px\] {
    @media (width >= 40rem) {
      font-size: 11px;
    }
  }
  .sm\:text-\[12\.5px\] {
    @media (width >= 40rem) {
      font-size: 12.5px;
    }
  }
  .sm\:text-\[12px\] {
    @media (width >= 40rem) {
      font-size: 12px;
    }
  }
  .sm\:text-\[13\.5px\] {
    @media (width >= 40rem) {
      font-size: 13.5px;
    }
  }
  .sm\:text-\[13px\] {
    @media (width >= 40rem) {
      font-size: 13px;
    }
  }
  .sm\:text-\[14px\] {
    @media (width >= 40rem) {
      font-size: 14px;
    }
  }
  .sm\:text-\[15\.5px\] {
    @media (width >= 40rem) {
      font-size: 15.5px;
    }
  }
  .sm\:text-\[15px\] {
    @media (width >= 40rem) {
      font-size: 15px;
    }
  }
  .sm\:text-\[16px\] {
    @media (width >= 40rem) {
      font-size: 16px;
    }
  }
  .sm\:text-\[17px\] {
    @media (width >= 40rem) {
      font-size: 17px;
    }
  }
  .sm\:text-\[20px\] {
    @media (width >= 40rem) {
      font-size: 20px;
    }
  }
  .sm\:text-\[21px\] {
    @media (width >= 40rem) {
      font-size: 21px;
    }
  }
  .sm\:text-\[22px\] {
    @media (width >= 40rem) {
      font-size: 22px;
    }
  }
  .sm\:text-\[24px\] {
    @media (width >= 40rem) {
      font-size: 24px;
    }
  }
  .sm\:text-\[26px\] {
    @media (width >= 40rem) {
      font-size: 26px;
    }
  }
  .sm\:text-\[28px\] {
    @media (width >= 40rem) {
      font-size: 28px;
    }
  }
  .sm\:text-\[30px\] {
    @media (width >= 40rem) {
      font-size: 30px;
    }
  }
  .sm\:text-\[32px\] {
    @media (width >= 40rem) {
      font-size: 32px;
    }
  }
  .sm\:text-\[34px\] {
    @media (width >= 40rem) {
      font-size: 34px;
    }
  }
  .sm\:text-\[36px\] {
    @media (width >= 40rem) {
      font-size: 36px;
    }
  }
  .sm\:text-\[40px\] {
    @media (width >= 40rem) {
      font-size: 40px;
    }
  }
  .sm\:text-\[42px\] {
    @media (width >= 40rem) {
      font-size: 42px;
    }
  }
  .sm\:text-\[44px\] {
    @media (width >= 40rem) {
      font-size: 44px;
    }
  }
  .sm\:text-\[52px\] {
    @media (width >= 40rem) {
      font-size: 52px;
    }
  }
  .sm\:text-\[56px\] {
    @media (width >= 40rem) {
      font-size: 56px;
    }
  }
  .sm\:text-\[60px\] {
    @media (width >= 40rem) {
      font-size: 60px;
    }
  }
  .sm\:text-\[64px\] {
    @media (width >= 40rem) {
      font-size: 64px;
    }
  }
  .sm\:text-\[80px\] {
    @media (width >= 40rem) {
      font-size: 80px;
    }
  }
  .sm\:font-normal {
    @media (width >= 40rem) {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .sm\:tracking-\[0\.18em\] {
    @media (width >= 40rem) {
      --tw-tracking: 0.18em;
      letter-spacing: 0.18em;
    }
  }
  .sm\:tracking-normal {
    @media (width >= 40rem) {
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
    }
  }
  .sm\:text-\[var\(--ws-accent\)\] {
    @media (width >= 40rem) {
      color: var(--ws-accent);
    }
  }
  .sm\:text-\[var\(--ws-text-muted\)\] {
    @media (width >= 40rem) {
      color: var(--ws-text-muted);
    }
  }
  .sm\:text-emerald-600 {
    @media (width >= 40rem) {
      color: var(--color-emerald-600);
    }
  }
  .sm\:text-indigo-400\/80 {
    @media (width >= 40rem) {
      color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-indigo-400) 80%, transparent);
      }
    }
  }
  .sm\:text-neutral-400 {
    @media (width >= 40rem) {
      color: var(--color-neutral-400);
    }
  }
  .sm\:text-neutral-500 {
    @media (width >= 40rem) {
      color: var(--color-neutral-500);
    }
  }
  .sm\:text-neutral-700 {
    @media (width >= 40rem) {
      color: var(--color-neutral-700);
    }
  }
  .sm\:text-neutral-900 {
    @media (width >= 40rem) {
      color: var(--color-neutral-900);
    }
  }
  .sm\:normal-case {
    @media (width >= 40rem) {
      text-transform: none;
    }
  }
  .sm\:shadow-\[0_1px_0_0_var\(--ws-border\)\,0_24px_60px_-20px_rgba\(10\,22\,40\,0\.18\)\] {
    @media (width >= 40rem) {
      --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, var(--ws-border)), 0 24px 60px -20px var(--tw-shadow-color, rgba(10,22,40,0.18));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .sm\:shadow-none {
    @media (width >= 40rem) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .sm\:ring-neutral-200 {
    @media (width >= 40rem) {
      --tw-ring-color: var(--color-neutral-200);
    }
  }
  .sm\:backdrop-blur-none {
    @media (width >= 40rem) {
      --tw-backdrop-blur:  ;
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
  }
  .sm\:backdrop-saturate-100 {
    @media (width >= 40rem) {
      --tw-backdrop-saturate: saturate(100%);
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
  }
  .sm\:last-of-type\:-mr-1 {
    @media (width >= 40rem) {
      &:last-of-type {
        margin-right: calc(var(--spacing) * -1);
      }
    }
  }
  .sm\:hover\:bg-\[var\(--ws-stat-bg\)\] {
    @media (width >= 40rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--ws-stat-bg);
        }
      }
    }
  }
  .sm\:hover\:bg-neutral-50 {
    @media (width >= 40rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-50);
        }
      }
    }
  }
  .sm\:hover\:bg-neutral-800 {
    @media (width >= 40rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-800);
        }
      }
    }
  }
  .sm\:hover\:text-\[var\(--ws-text\)\] {
    @media (width >= 40rem) {
      &:hover {
        @media (hover: hover) {
          color: var(--ws-text);
        }
      }
    }
  }
  .sm\:hover\:text-neutral-600 {
    @media (width >= 40rem) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-600);
        }
      }
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .md\:table-cell {
    @media (width >= 48rem) {
      display: table-cell;
    }
  }
  .md\:table-column {
    @media (width >= 48rem) {
      display: table-column;
    }
  }
  .md\:w-36 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 36);
    }
  }
  .md\:w-44 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 44);
    }
  }
  .md\:w-\[380px\] {
    @media (width >= 48rem) {
      width: 380px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:w-fit {
    @media (width >= 48rem) {
      width: fit-content;
    }
  }
  .md\:max-w-none {
    @media (width >= 48rem) {
      max-width: none;
    }
  }
  .md\:min-w-\[10rem\] {
    @media (width >= 48rem) {
      min-width: 10rem;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[1fr_280px\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr 280px;
    }
  }
  .md\:grid-cols-\[180px_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 180px 1fr;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:flex-wrap {
    @media (width >= 48rem) {
      flex-wrap: wrap;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:border-t-0 {
    @media (width >= 48rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .md\:border-r {
    @media (width >= 48rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:px-12 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-\[28px\] {
    @media (width >= 48rem) {
      font-size: 28px;
    }
  }
  .md\:text-\[40px\] {
    @media (width >= 48rem) {
      font-size: 40px;
    }
  }
  .lg\:pointer-events-none {
    @media (width >= 64rem) {
      pointer-events: none;
    }
  }
  .lg\:fixed {
    @media (width >= 64rem) {
      position: fixed;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-0 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .lg\:top-1\/2 {
    @media (width >= 64rem) {
      top: calc(1/2 * 100%);
    }
  }
  .lg\:top-6 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 6);
    }
  }
  .lg\:top-\[calc\(var\(--global-nav-height\,56px\)\+var\(--market-ticker-height\,0px\)\+var\(--news-ticker-height\,0px\)\+var\(--ws-topbar-height\,0px\)\+24px\)\] {
    @media (width >= 64rem) {
      top: calc(var(--global-nav-height,56px) + var(--market-ticker-height,0px) + var(--news-ticker-height,0px) + var(--ws-topbar-height,0px) + 24px);
    }
  }
  .lg\:right-10 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .lg\:left-3 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 3);
    }
  }
  .lg\:z-\[9999\] {
    @media (width >= 64rem) {
      z-index: 9999;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-9 {
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:-my-5 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * -5);
    }
  }
  .lg\:-mr-8 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * -8);
    }
  }
  .lg\:-mr-\[448px\] {
    @media (width >= 64rem) {
      margin-right: calc(448px * -1);
    }
  }
  .lg\:-ml-\[100px\] {
    @media (width >= 64rem) {
      margin-left: calc(100px * -1);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline {
    @media (width >= 64rem) {
      display: inline;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .lg\:table-cell {
    @media (width >= 64rem) {
      display: table-cell;
    }
  }
  .lg\:table-column {
    @media (width >= 64rem) {
      display: table-column;
    }
  }
  .lg\:h-10 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .lg\:h-\[212px\] {
    @media (width >= 64rem) {
      height: 212px;
    }
  }
  .lg\:h-\[calc\(100svh-190px\)\] {
    @media (width >= 64rem) {
      height: calc(100svh - 190px);
    }
  }
  .lg\:h-\[calc\(100vh-4\.25rem\)\] {
    @media (width >= 64rem) {
      height: calc(100vh - 4.25rem);
    }
  }
  .lg\:h-\[calc\(100vh-168px\)\] {
    @media (width >= 64rem) {
      height: calc(100vh - 168px);
    }
  }
  .lg\:max-h-\[calc\(100vh-168px\)\] {
    @media (width >= 64rem) {
      max-height: calc(100vh - 168px);
    }
  }
  .lg\:max-h-\[min\(70vh\,720px\)\] {
    @media (width >= 64rem) {
      max-height: min(70vh, 720px);
    }
  }
  .lg\:min-h-0 {
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .lg\:min-h-\[460px\] {
    @media (width >= 64rem) {
      min-height: 460px;
    }
  }
  .lg\:w-0 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 0);
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-10 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .lg\:w-28 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 28);
    }
  }
  .lg\:w-32 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .lg\:w-56 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .lg\:w-\[60px\] {
    @media (width >= 64rem) {
      width: 60px;
    }
  }
  .lg\:w-\[220px\] {
    @media (width >= 64rem) {
      width: 220px;
    }
  }
  .lg\:w-\[calc\(100\%\+448px\)\] {
    @media (width >= 64rem) {
      width: calc(100% + 448px);
    }
  }
  .lg\:max-w-0 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 0);
    }
  }
  .lg\:max-w-\[min\(28rem\,100\%\)\] {
    @media (width >= 64rem) {
      max-width: min(28rem, 100%);
    }
  }
  .lg\:max-w-full {
    @media (width >= 64rem) {
      max-width: 100%;
    }
  }
  .lg\:max-w-none {
    @media (width >= 64rem) {
      max-width: none;
    }
  }
  .lg\:min-w-0 {
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .lg\:min-w-\[100px\] {
    @media (width >= 64rem) {
      min-width: 100px;
    }
  }
  .lg\:min-w-\[min\(28rem\,100\%\)\] {
    @media (width >= 64rem) {
      min-width: min(28rem, 100%);
    }
  }
  .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:flex-\[0\] {
    @media (width >= 64rem) {
      flex: 0;
    }
  }
  .lg\:flex-\[1\] {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:flex-\[2\] {
    @media (width >= 64rem) {
      flex: 2;
    }
  }
  .lg\:basis-0 {
    @media (width >= 64rem) {
      flex-basis: calc(var(--spacing) * 0);
    }
  }
  .lg\:-translate-y-1\/2 {
    @media (width >= 64rem) {
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[1\.6fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.6fr 1fr;
    }
  }
  .lg\:grid-cols-\[1\.15fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.15fr 1fr;
    }
  }
  .lg\:grid-cols-\[260px_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 260px 1fr;
    }
  }
  .lg\:grid-cols-\[320px_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 320px minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 22rem;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 360px;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,2fr) minmax(0,3fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,300px\)_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,300px) minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,380px\)_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,380px) minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(215px\,15\%\)_1fr_minmax\(350px\,25\%\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(215px,15%) 1fr minmax(350px,25%);
    }
  }
  .lg\:grid-cols-\[minmax\(220px\,300px\)_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(220px,300px) 1fr;
    }
  }
  .lg\:grid-cols-\[…minmax\(a\,b\)…\] {
    @media (width >= 64rem) {
      grid-template-columns: …minmax(a,b)…;
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:items-stretch {
    @media (width >= 64rem) {
      align-items: stretch;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:gap-20 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .lg\:gap-x-8 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:self-start {
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .lg\:border-r {
    @media (width >= 64rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .lg\:border-b-0 {
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .lg\:bg-neutral-50 {
    @media (width >= 64rem) {
      background-color: var(--color-neutral-50);
    }
  }
  .lg\:px-4 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-16 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .lg\:py-1 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .lg\:py-5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .lg\:py-8 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-10 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:pr-0 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:pr-10 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .lg\:pr-12 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .lg\:pr-\[448px\] {
    @media (width >= 64rem) {
      padding-right: 448px;
    }
  }
  .lg\:pl-6 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .lg\:pl-8 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .lg\:pl-64 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 64);
    }
  }
  .lg\:pl-72 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 72);
    }
  }
  .lg\:pl-\[60px\] {
    @media (width >= 64rem) {
      padding-left: 60px;
    }
  }
  .lg\:pl-\[108px\] {
    @media (width >= 64rem) {
      padding-left: 108px;
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:opacity-0 {
    @media (width >= 64rem) {
      opacity: 0%;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:table-cell {
    @media (width >= 80rem) {
      display: table-cell;
    }
  }
  .xl\:w-96 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,420px\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,420px);
    }
  }
  .xl\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,2fr) minmax(0,3fr);
    }
  }
  .xl\:grid-cols-\[minmax\(0\,420px\)_minmax\(0\,1fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,420px) minmax(0,1fr);
    }
  }
  .xl\:text-\[42px\] {
    @media (width >= 80rem) {
      font-size: 42px;
    }
  }
  .\32 xl\:grid-cols-6 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .dark\:block {
    &:where(.dark, .dark *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where(.dark, .dark *) {
      display: none;
    }
  }
  .dark\:divide-neutral-800 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:divide-neutral-800\/40 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, oklch(26.9% 0 0) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
        }
      }
    }
  }
  .dark\:divide-neutral-800\/50 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
        }
      }
    }
  }
  .dark\:divide-neutral-800\/60 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, oklch(26.9% 0 0) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
        }
      }
    }
  }
  .dark\:divide-neutral-800\/70 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, oklch(26.9% 0 0) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-800) 70%, transparent);
        }
      }
    }
  }
  .dark\:divide-neutral-800\/90 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, oklch(26.9% 0 0) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-800) 90%, transparent);
        }
      }
    }
  }
  .dark\:divide-neutral-900 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-900);
      }
    }
  }
  .dark\:divide-white\/5 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .dark\:divide-white\/\[0\.04\] {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #fff 4%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
        }
      }
    }
  }
  .dark\:border {
    &:where(.dark, .dark *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .dark\:\!border-amber-500\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent) !important;
      }
    }
  }
  .dark\:\!border-emerald-500\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent) !important;
      }
    }
  }
  .dark\:\!border-emerald-600\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 30%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-600) 30%, transparent) !important;
      }
    }
  }
  .dark\:\!border-neutral-600 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-600) !important;
    }
  }
  .dark\:\!border-neutral-700\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent) !important;
      }
    }
  }
  .dark\:\!border-neutral-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-800) !important;
    }
  }
  .dark\:\!border-sky-500\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent) !important;
      }
    }
  }
  .dark\:border-amber-400\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
      }
    }
  }
  .dark\:border-amber-400\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
      }
    }
  }
  .dark\:border-amber-500 {
    &:where(.dark, .dark *) {
      border-color: var(--color-amber-500);
    }
  }
  .dark\:border-amber-500\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }
  }
  .dark\:border-amber-500\/25 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
      }
    }
  }
  .dark\:border-amber-500\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
      }
    }
  }
  .dark\:border-amber-500\/\[0\.1\] {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
    }
  }
  .dark\:border-amber-600\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-600) 40%, transparent);
      }
    }
  }
  .dark\:border-amber-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-amber-700);
    }
  }
  .dark\:border-amber-700\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-700) 50%, transparent);
      }
    }
  }
  .dark\:border-amber-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-amber-800);
    }
  }
  .dark\:border-amber-800\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-800) 40%, transparent);
      }
    }
  }
  .dark\:border-amber-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
      }
    }
  }
  .dark\:border-amber-900\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
      }
    }
  }
  .dark\:border-amber-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
      }
    }
  }
  .dark\:border-amber-900\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
      }
    }
  }
  .dark\:border-blue-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-blue-800);
    }
  }
  .dark\:border-blue-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
      }
    }
  }
  .dark\:border-cyan-500\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
      }
    }
  }
  .dark\:border-cyan-600\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(60.9% 0.126 221.723) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-600) 40%, transparent);
      }
    }
  }
  .dark\:border-emerald-400\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
      }
    }
  }
  .dark\:border-emerald-500 {
    &:where(.dark, .dark *) {
      border-color: var(--color-emerald-500);
    }
  }
  .dark\:border-emerald-500\/15 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
      }
    }
  }
  .dark\:border-emerald-500\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
      }
    }
  }
  .dark\:border-emerald-500\/25 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
      }
    }
  }
  .dark\:border-emerald-500\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
      }
    }
  }
  .dark\:border-emerald-500\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent);
      }
    }
  }
  .dark\:border-emerald-500\/\[0\.1\] {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
      }
    }
  }
  .dark\:border-emerald-600 {
    &:where(.dark, .dark *) {
      border-color: var(--color-emerald-600);
    }
  }
  .dark\:border-emerald-600\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent);
      }
    }
  }
  .dark\:border-emerald-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-emerald-700);
    }
  }
  .dark\:border-emerald-700\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent);
      }
    }
  }
  .dark\:border-emerald-700\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-700) 50%, transparent);
      }
    }
  }
  .dark\:border-emerald-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-emerald-800);
    }
  }
  .dark\:border-emerald-800\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-800) 30%, transparent);
      }
    }
  }
  .dark\:border-emerald-800\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);
      }
    }
  }
  .dark\:border-emerald-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent);
      }
    }
  }
  .dark\:border-emerald-800\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-800) 60%, transparent);
      }
    }
  }
  .dark\:border-emerald-900 {
    &:where(.dark, .dark *) {
      border-color: var(--color-emerald-900);
    }
  }
  .dark\:border-emerald-900\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
      }
    }
  }
  .dark\:border-emerald-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
      }
    }
  }
  .dark\:border-indigo-600\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-600) 40%, transparent);
      }
    }
  }
  .dark\:border-indigo-700\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-700) 50%, transparent);
      }
    }
  }
  .dark\:border-indigo-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-indigo-800);
    }
  }
  .dark\:border-indigo-800\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-800) 60%, transparent);
      }
    }
  }
  .dark\:border-indigo-900\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
      }
    }
  }
  .dark\:border-neutral-50 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-50);
    }
  }
  .dark\:border-neutral-500 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-500);
    }
  }
  .dark\:border-neutral-600 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-600);
    }
  }
  .dark\:border-neutral-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-700);
    }
  }
  .dark\:border-neutral-700\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.1% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-700) 40%, transparent);
      }
    }
  }
  .dark\:border-neutral-700\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
      }
    }
  }
  .dark\:border-neutral-700\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.1% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-700) 60%, transparent);
      }
    }
  }
  .dark\:border-neutral-700\/80 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.1% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-700) 80%, transparent);
      }
    }
  }
  .dark\:border-neutral-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-800);
    }
  }
  .dark\:border-neutral-800\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(26.9% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent);
      }
    }
  }
  .dark\:border-neutral-800\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(26.9% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
      }
    }
  }
  .dark\:border-neutral-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
      }
    }
  }
  .dark\:border-neutral-800\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(26.9% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
      }
    }
  }
  .dark\:border-neutral-800\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(26.9% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-800) 70%, transparent);
      }
    }
  }
  .dark\:border-neutral-800\/80 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
      }
    }
  }
  .dark\:border-neutral-900 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-900);
    }
  }
  .dark\:border-neutral-900\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(20.5% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-900) 30%, transparent);
      }
    }
  }
  .dark\:border-neutral-900\/80 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
      }
    }
  }
  .dark\:border-neutral-950 {
    &:where(.dark, .dark *) {
      border-color: var(--color-neutral-950);
    }
  }
  .dark\:border-neutral-950\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(14.5% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-950) 60%, transparent);
      }
    }
  }
  .dark\:border-orange-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
      }
    }
  }
  .dark\:border-pink-600\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(59.2% 0.249 0.584) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-pink-600) 40%, transparent);
      }
    }
  }
  .dark\:border-purple-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
      }
    }
  }
  .dark\:border-red-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-red-800);
    }
  }
  .dark\:border-red-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent);
      }
    }
  }
  .dark\:border-red-900 {
    &:where(.dark, .dark *) {
      border-color: var(--color-red-900);
    }
  }
  .dark\:border-red-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
      }
    }
  }
  .dark\:border-red-900\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
      }
    }
  }
  .dark\:border-rose-400\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
      }
    }
  }
  .dark\:border-rose-500 {
    &:where(.dark, .dark *) {
      border-color: var(--color-rose-500);
    }
  }
  .dark\:border-rose-500\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
      }
    }
  }
  .dark\:border-rose-500\/25 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);
      }
    }
  }
  .dark\:border-rose-500\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
      }
    }
  }
  .dark\:border-rose-500\/\[0\.1\] {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
      }
    }
  }
  .dark\:border-rose-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-rose-700);
    }
  }
  .dark\:border-rose-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-rose-800);
    }
  }
  .dark\:border-rose-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-800) 50%, transparent);
      }
    }
  }
  .dark\:border-rose-900 {
    &:where(.dark, .dark *) {
      border-color: var(--color-rose-900);
    }
  }
  .dark\:border-rose-900\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
      }
    }
  }
  .dark\:border-rose-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
      }
    }
  }
  .dark\:border-rose-900\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
      }
    }
  }
  .dark\:border-sky-400\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
      }
    }
  }
  .dark\:border-sky-500 {
    &:where(.dark, .dark *) {
      border-color: var(--color-sky-500);
    }
  }
  .dark\:border-sky-500\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
      }
    }
  }
  .dark\:border-sky-500\/25 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent);
      }
    }
  }
  .dark\:border-sky-500\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
      }
    }
  }
  .dark\:border-sky-500\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
      }
    }
  }
  .dark\:border-sky-600 {
    &:where(.dark, .dark *) {
      border-color: var(--color-sky-600);
    }
  }
  .dark\:border-sky-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-sky-700);
    }
  }
  .dark\:border-sky-800\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-800) 30%, transparent);
      }
    }
  }
  .dark\:border-sky-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-800) 50%, transparent);
      }
    }
  }
  .dark\:border-sky-900\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
      }
    }
  }
  .dark\:border-sky-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
      }
    }
  }
  .dark\:border-sky-900\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-900) 50%, transparent);
      }
    }
  }
  .dark\:border-slate-900\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-900) 30%, transparent);
      }
    }
  }
  .dark\:border-slate-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
      }
    }
  }
  .dark\:border-teal-500 {
    &:where(.dark, .dark *) {
      border-color: var(--color-teal-500);
    }
  }
  .dark\:border-teal-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-teal-800) 50%, transparent);
      }
    }
  }
  .dark\:border-transparent {
    &:where(.dark, .dark *) {
      border-color: transparent;
    }
  }
  .dark\:border-violet-400\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
      }
    }
  }
  .dark\:border-violet-400\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent);
      }
    }
  }
  .dark\:border-violet-500 {
    &:where(.dark, .dark *) {
      border-color: var(--color-violet-500);
    }
  }
  .dark\:border-violet-500\/10 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
      }
    }
  }
  .dark\:border-violet-500\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
      }
    }
  }
  .dark\:border-violet-500\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
      }
    }
  }
  .dark\:border-violet-500\/35 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-500) 35%, transparent);
      }
    }
  }
  .dark\:border-violet-600 {
    &:where(.dark, .dark *) {
      border-color: var(--color-violet-600);
    }
  }
  .dark\:border-violet-600\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-600) 40%, transparent);
      }
    }
  }
  .dark\:border-violet-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-violet-700);
    }
  }
  .dark\:border-violet-700\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-700) 50%, transparent);
      }
    }
  }
  .dark\:border-violet-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-violet-800);
    }
  }
  .dark\:border-violet-800\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-800) 50%, transparent);
      }
    }
  }
  .dark\:border-violet-900\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
      }
    }
  }
  .dark\:border-violet-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
      }
    }
  }
  .dark\:border-violet-900\/50 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(38% 0.189 293.745) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-900) 50%, transparent);
      }
    }
  }
  .dark\:border-white {
    &:where(.dark, .dark *) {
      border-color: var(--color-white);
    }
  }
  .dark\:border-white\/5 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .dark\:border-white\/10 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:border-white\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .dark\:border-white\/\[0\.03\] {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, #fff 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
  }
  .dark\:border-white\/\[0\.04\] {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, #fff 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }
  }
  .dark\:border-white\/\[0\.06\] {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, #fff 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
  }
  .dark\:border-white\/\[0\.08\] {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, #fff 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }
  .dark\:border-t-neutral-300 {
    &:where(.dark, .dark *) {
      border-top-color: var(--color-neutral-300);
    }
  }
  .dark\:border-t-white\/40 {
    &:where(.dark, .dark *) {
      border-top-color: color-mix(in srgb, #fff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-top-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }
  .dark\:\!bg-neutral-800\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent) !important;
      }
    }
  }
  .dark\:\!bg-neutral-950 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-950) !important;
    }
  }
  .dark\:bg-\[\#0a0a0a\] {
    &:where(.dark, .dark *) {
      background-color: #0a0a0a;
    }
  }
  .dark\:bg-\[\#1f1f1f\]\/75 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, #1f1f1f 75%, transparent);
    }
  }
  .dark\:bg-\[\#111\]\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, #111 50%, transparent);
    }
  }
  .dark\:bg-\[\#111111\] {
    &:where(.dark, .dark *) {
      background-color: #111111;
    }
  }
  .dark\:bg-\[\#161616\]\/60 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, #161616 60%, transparent);
    }
  }
  .dark\:bg-\[\#161616\]\/70 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, #161616 70%, transparent);
    }
  }
  .dark\:bg-\[\#161616\]\/80 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, #161616 80%, transparent);
    }
  }
  .dark\:bg-\[color\:color-mix\(in_srgb\,var\(--ws-bg-card\,\#0a1829\)_55\%\,transparent\)\] {
    &:where(.dark, .dark *) {
      background-color: var(--ws-bg-card,#0a1829);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--ws-bg-card,#0a1829) 55%,transparent);
      }
    }
  }
  .dark\:bg-\[color\:color-mix\(in_srgb\,var\(--ws-bg-card\,\#0a1829\)_85\%\,transparent\)\] {
    &:where(.dark, .dark *) {
      background-color: var(--ws-bg-card,#0a1829);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--ws-bg-card,#0a1829) 85%,transparent);
      }
    }
  }
  .dark\:bg-\[var\(--nstack-accent\)\]\/15 {
    &:where(.dark, .dark *) {
      background-color: var(--nstack-accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--nstack-accent) 15%, transparent);
      }
    }
  }
  .dark\:bg-\[var\(--nstack-accent\)\]\/\[0\.08\] {
    &:where(.dark, .dark *) {
      background-color: var(--nstack-accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--nstack-accent) 8%, transparent);
      }
    }
  }
  .dark\:bg-\[var\(--ws-accent-soft\)\] {
    &:where(.dark, .dark *) {
      background-color: var(--ws-accent-soft);
    }
  }
  .dark\:bg-\[var\(--ws-bg-card\)\] {
    &:where(.dark, .dark *) {
      background-color: var(--ws-bg-card);
    }
  }
  .dark\:bg-amber-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-amber-400);
    }
  }
  .dark\:bg-amber-400\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
      }
    }
  }
  .dark\:bg-amber-400\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-400) 90%, transparent);
      }
    }
  }
  .dark\:bg-amber-500 {
    &:where(.dark, .dark *) {
      background-color: var(--color-amber-500);
    }
  }
  .dark\:bg-amber-500\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/\[0\.04\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 4%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/\[0\.05\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/\[0\.06\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 6%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/\[0\.08\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent);
      }
    }
  }
  .dark\:bg-amber-900\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-amber-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-amber-900\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-amber-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 10%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 25%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-black {
    &:where(.dark, .dark *) {
      background-color: var(--color-black);
    }
  }
  .dark\:bg-black\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
  }
  .dark\:bg-black\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #000 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }
  }
  .dark\:bg-black\/70 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #000 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }
  }
  .dark\:bg-black\/75 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #000 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
      }
    }
  }
  .dark\:bg-blue-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-blue-400);
    }
  }
  .dark\:bg-blue-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-blue-950\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-950) 10%, transparent);
      }
    }
  }
  .dark\:bg-blue-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-cyan-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-cyan-400);
    }
  }
  .dark\:bg-cyan-500\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-cyan-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-cyan-500\/\[0\.04\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-500) 4%, transparent);
      }
    }
  }
  .dark\:bg-cyan-900\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-cyan-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-cyan-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-emerald-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-emerald-400);
    }
  }
  .dark\:bg-emerald-400\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent);
      }
    }
  }
  .dark\:bg-emerald-400\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-400) 90%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500 {
    &:where(.dark, .dark *) {
      background-color: var(--color-emerald-500);
    }
  }
  .dark\:bg-emerald-500\/5 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/\[0\.04\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 4%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/\[0\.05\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/\[0\.06\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 6%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/\[0\.08\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent);
      }
    }
  }
  .dark\:bg-emerald-600 {
    &:where(.dark, .dark *) {
      background-color: var(--color-emerald-600);
    }
  }
  .dark\:bg-emerald-900\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 10%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 10%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-green-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-indigo-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-indigo-400);
    }
  }
  .dark\:bg-indigo-400\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-400) 90%, transparent);
      }
    }
  }
  .dark\:bg-indigo-500\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-indigo-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-indigo-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-indigo-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 25%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-neutral-100 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-100);
    }
  }
  .dark\:bg-neutral-300 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-300);
    }
  }
  .dark\:bg-neutral-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-400);
    }
  }
  .dark\:bg-neutral-400\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(70.8% 0 0) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
      }
    }
  }
  .dark\:bg-neutral-500 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-500);
    }
  }
  .dark\:bg-neutral-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(55.6% 0 0) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-neutral-500\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(55.6% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-500) 90%, transparent);
      }
    }
  }
  .dark\:bg-neutral-600 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-600);
    }
  }
  .dark\:bg-neutral-600\! {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-600) !important;
    }
  }
  .dark\:bg-neutral-600\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(43.9% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-600) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-700 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-700);
    }
  }
  .dark\:bg-neutral-700\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-700\/70 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(37.1% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-700) 70%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-800);
    }
  }
  .dark\:bg-neutral-800\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 20%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/60 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/70 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 70%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/80 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 90%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-900);
    }
  }
  .dark\:bg-neutral-900\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 15%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/60 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/70 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 70%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/80 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/95 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 95%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950 {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-950);
    }
  }
  .dark\:bg-neutral-950\! {
    &:where(.dark, .dark *) {
      background-color: var(--color-neutral-950) !important;
    }
  }
  .dark\:bg-neutral-950\/35 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 35%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/60 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 60%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/70 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 70%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/80 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 80%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 90%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/95 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 95%, transparent);
      }
    }
  }
  .dark\:bg-orange-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-orange-400);
    }
  }
  .dark\:bg-orange-500\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-orange-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-orange-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-orange-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-orange-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-orange-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-pink-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-pink-400);
    }
  }
  .dark\:bg-pink-500\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-pink-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-pink-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.4% 0.109 3.907) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-purple-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-purple-900 {
    &:where(.dark, .dark *) {
      background-color: var(--color-purple-900);
    }
  }
  .dark\:bg-purple-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-purple-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-purple-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-purple-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-red-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-red-400);
    }
  }
  .dark\:bg-red-500 {
    &:where(.dark, .dark *) {
      background-color: var(--color-red-500);
    }
  }
  .dark\:bg-red-600 {
    &:where(.dark, .dark *) {
      background-color: var(--color-red-600);
    }
  }
  .dark\:bg-red-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-900\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-red-950 {
    &:where(.dark, .dark *) {
      background-color: var(--color-red-950);
    }
  }
  .dark\:bg-red-950\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 10%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/60 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 60%, transparent);
      }
    }
  }
  .dark\:bg-rose-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-rose-400);
    }
  }
  .dark\:bg-rose-400\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-400) 15%, transparent);
      }
    }
  }
  .dark\:bg-rose-400\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-400) 90%, transparent);
      }
    }
  }
  .dark\:bg-rose-500 {
    &:where(.dark, .dark *) {
      background-color: var(--color-rose-500);
    }
  }
  .dark\:bg-rose-500\/5 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent);
      }
    }
  }
  .dark\:bg-rose-500\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-rose-500\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-rose-500\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-rose-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-rose-500\/\[0\.06\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 6%, transparent);
      }
    }
  }
  .dark\:bg-rose-500\/\[0\.08\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 8%, transparent);
      }
    }
  }
  .dark\:bg-rose-600 {
    &:where(.dark, .dark *) {
      background-color: var(--color-rose-600);
    }
  }
  .dark\:bg-rose-900\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-rose-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-rose-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-sky-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-sky-400);
    }
  }
  .dark\:bg-sky-400\/4 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-400) 4%, transparent);
      }
    }
  }
  .dark\:bg-sky-400\/12 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-400) 12%, transparent);
      }
    }
  }
  .dark\:bg-sky-400\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-400) 90%, transparent);
      }
    }
  }
  .dark\:bg-sky-500 {
    &:where(.dark, .dark *) {
      background-color: var(--color-sky-500);
    }
  }
  .dark\:bg-sky-500\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-sky-500\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-sky-500\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-sky-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-sky-500\/\[0\.04\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-500) 4%, transparent);
      }
    }
  }
  .dark\:bg-sky-500\/\[0\.06\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-500) 6%, transparent);
      }
    }
  }
  .dark\:bg-sky-900\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-sky-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 25%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-slate-950 {
    &:where(.dark, .dark *) {
      background-color: var(--color-slate-950);
    }
  }
  .dark\:bg-slate-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-slate-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-teal-500 {
    &:where(.dark, .dark *) {
      background-color: var(--color-teal-500);
    }
  }
  .dark\:bg-teal-500\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-teal-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-teal-900\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-teal-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-teal-900\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-teal-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-teal-950\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.7% 0.046 192.524) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-transparent {
    &:where(.dark, .dark *) {
      background-color: transparent;
    }
  }
  .dark\:bg-violet-400 {
    &:where(.dark, .dark *) {
      background-color: var(--color-violet-400);
    }
  }
  .dark\:bg-violet-400\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
      }
    }
  }
  .dark\:bg-violet-400\/90 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-400) 90%, transparent);
      }
    }
  }
  .dark\:bg-violet-500\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-violet-500\/15 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-violet-500\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-violet-500\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-violet-500\/\[0\.05\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent);
      }
    }
  }
  .dark\:bg-violet-500\/\[0\.06\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-500) 6%, transparent);
      }
    }
  }
  .dark\:bg-violet-600 {
    &:where(.dark, .dark *) {
      background-color: var(--color-violet-600);
    }
  }
  .dark\:bg-violet-900\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 10%, transparent);
      }
    }
  }
  .dark\:bg-violet-900\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-violet-900\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-violet-900\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-violet-900\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-violet-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-violet-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-violet-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-white {
    &:where(.dark, .dark *) {
      background-color: var(--color-white);
    }
  }
  .dark\:bg-white\/5 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .dark\:bg-white\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:bg-white\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.02\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 2%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.03\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.04\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.05\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.06\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.08\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.12\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.025\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #fff 2.5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
      }
    }
  }
  .dark\:bg-yellow-500 {
    &:where(.dark, .dark *) {
      background-color: var(--color-yellow-500);
    }
  }
  .dark\:from-\[\#0f0e1a\] {
    &:where(.dark, .dark *) {
      --tw-gradient-from: #0f0e1a;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-\[\#1a1408\] {
    &:where(.dark, .dark *) {
      --tw-gradient-from: #1a1408;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-amber-400\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-amber-500\/\[0\.1\] {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-amber-900\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-amber-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-cyan-400\/18 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(78.9% 0.154 211.53) 18%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-cyan-400) 18%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-cyan-500\/15 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 15%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-emerald-400\/18 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 18%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 18%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-emerald-500\/15 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-emerald-900\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-emerald-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-emerald-900\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-emerald-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-emerald-950\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-indigo-900\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-indigo-900\/50 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-indigo-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(25.7% 0.09 281.288) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-neutral-600\/35 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(43.9% 0 0) 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-600) 35%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-neutral-700 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: var(--color-neutral-700);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-neutral-900 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: var(--color-neutral-900);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-neutral-900\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-neutral-950 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: var(--color-neutral-950);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-neutral-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(14.5% 0 0) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-neutral-950\/80 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(14.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-950) 80%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-orange-950\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(26.6% 0.079 36.259) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-rose-400\/18 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(71.2% 0.194 13.428) 18%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-rose-400) 18%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-rose-900\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-rose-900\/50 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-rose-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.1% 0.105 12.094) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-rose-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-sky-400 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: var(--color-sky-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-sky-400\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-sky-900\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-sky-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(29.3% 0.066 243.157) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-sky-950\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(29.3% 0.066 243.157) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-950) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-slate-900\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-slate-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(12.9% 0.042 264.695) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-slate-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-teal-900\/50 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(38.6% 0.063 188.416) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-teal-900) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-teal-950\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.7% 0.046 192.524) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-teal-950) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-400\/18 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(70.2% 0.183 293.541) 18%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-400) 18%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-400\/70 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(70.2% 0.183 293.541) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-400) 70%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-500\/5 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 5%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-500\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-500\/15 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-500\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-500\/\[0\.06\] {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 6%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-500\/\[0\.08\] {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 8%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-500\/\[0\.12\] {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 12%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-900\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-900\/50 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.3% 0.141 291.089) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-950\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-violet-950\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.3% 0.141 291.089) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-950) 40%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-white\/\[0\.03\] {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, #fff 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-white\/\[0\.04\] {
    &:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in srgb, #fff 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:via-\[\#1c1a0d\] {
    &:where(.dark, .dark *) {
      --tw-gradient-via: #1c1a0d;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-\[\#141028\] {
    &:where(.dark, .dark *) {
      --tw-gradient-via: #141028;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-amber-500\/5 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-amber-600\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(66.6% 0.179 58.318) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-amber-600) 10%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-cyan-500\/5 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-cyan-500\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-cyan-600\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(60.9% 0.126 221.723) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-cyan-600) 10%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-emerald-500\/5 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-emerald-600\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(59.6% 0.145 163.225) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-emerald-600) 10%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-neutral-700\/25 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(37.1% 0 0) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-neutral-700) 25%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-neutral-700\/40 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(37.1% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-neutral-700) 40%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-neutral-900 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: var(--color-neutral-900);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-neutral-950\/60 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 60%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-neutral-950\/70 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 70%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-orange-500\/\[0\.08\] {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(70.5% 0.213 47.604) 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 8%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-rose-500\/5 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 5%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-rose-600\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(58.6% 0.253 17.585) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-rose-600) 10%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-sky-500\/\[0\.06\] {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(68.5% 0.169 237.323) 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-sky-500) 6%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-sky-600\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(58.8% 0.158 241.966) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-sky-600) 10%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-violet-500\/5 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-violet-500) 5%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-violet-500\/25 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-violet-600\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, oklch(54.1% 0.281 293.009) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-violet-600) 10%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-white\/\[0\.02\] {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, #fff 2%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:to-\[\#1a1035\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: #1a1035;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-\[\#1f1710\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: #1f1710;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-amber-500\/\[0\.1\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-amber-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-blue-900\/50 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-500\/5 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-500\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-500\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-600\/12 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(60.9% 0.126 221.723) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-600) 12%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-900\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-900\/50 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(30.2% 0.056 229.695) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(30.2% 0.056 229.695) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-cyan-950\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(30.2% 0.056 229.695) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-950) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-emerald-500\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-emerald-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(26.2% 0.051 172.552) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-emerald-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-fuchsia-600\/12 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(59.1% 0.293 322.896) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-600) 12%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-fuchsia-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(29.3% 0.136 325.661) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-green-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-indigo-900\/50 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-indigo-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(25.7% 0.09 281.288) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-neutral-800 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: var(--color-neutral-800);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-neutral-800\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(26.9% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-800) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-neutral-800\/45 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(26.9% 0 0) 45%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-800) 45%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-neutral-900 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: var(--color-neutral-900);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-neutral-950 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: var(--color-neutral-950);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-orange-600\/12 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(64.6% 0.222 41.116) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-600) 12%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-orange-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-orange-900\/50 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-orange-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(26.6% 0.079 36.259) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-pink-600\/12 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(59.2% 0.249 0.584) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-600) 12%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-pink-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-pink-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(28.4% 0.109 3.907) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-purple-500\/15 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-purple-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-purple-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(29.1% 0.149 302.717) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-purple-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-sky-500\/15 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-sky-500\/\[0\.04\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 4%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-sky-500\/\[0\.06\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 6%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-sky-500\/\[0\.08\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 8%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-sky-600\/12 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(58.8% 0.158 241.966) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-sky-600) 12%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-sky-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-sky-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(29.3% 0.066 243.157) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-sky-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-stone-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(21.6% 0.006 56.043) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-stone-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-stone-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(14.7% 0.004 49.25) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-stone-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-teal-500\/15 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 15%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-teal-600\/12 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(60% 0.118 184.704) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-600) 12%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-teal-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(38.6% 0.063 188.416) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-teal-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(27.7% 0.046 192.524) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-teal-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(27.7% 0.046 192.524) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-violet-400 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: var(--color-violet-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-violet-500\/\[0\.08\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(60.6% 0.25 292.717) 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 8%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-violet-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-violet-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(28.3% 0.141 291.089) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-violet-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-violet-950\/20 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(28.3% 0.141 291.089) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-violet-950) 20%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-violet-950\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-white\/\[0\.01\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, #fff 1%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-white) 1%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-white\/\[0\.04\] {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, #fff 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-zinc-900\/30 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(21% 0.006 285.885) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-zinc-900) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-zinc-950\/10 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(14.1% 0.005 285.823) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:fill-\[\#f5f0e8\] {
    &:where(.dark, .dark *) {
      fill: #f5f0e8;
    }
  }
  .dark\:fill-amber-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-amber-400);
    }
  }
  .dark\:fill-amber-800\/50 {
    &:where(.dark, .dark *) {
      fill: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
      }
    }
  }
  .dark\:fill-blue-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-blue-400);
    }
  }
  .dark\:fill-cyan-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-cyan-400);
    }
  }
  .dark\:fill-emerald-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-emerald-400);
    }
  }
  .dark\:fill-indigo-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-indigo-400);
    }
  }
  .dark\:fill-neutral-100 {
    &:where(.dark, .dark *) {
      fill: var(--color-neutral-100);
    }
  }
  .dark\:fill-neutral-200 {
    &:where(.dark, .dark *) {
      fill: var(--color-neutral-200);
    }
  }
  .dark\:fill-neutral-500 {
    &:where(.dark, .dark *) {
      fill: var(--color-neutral-500);
    }
  }
  .dark\:fill-neutral-600 {
    &:where(.dark, .dark *) {
      fill: var(--color-neutral-600);
    }
  }
  .dark\:fill-neutral-900 {
    &:where(.dark, .dark *) {
      fill: var(--color-neutral-900);
    }
  }
  .dark\:fill-orange-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-orange-400);
    }
  }
  .dark\:fill-pink-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-pink-400);
    }
  }
  .dark\:fill-red-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-red-400);
    }
  }
  .dark\:fill-rose-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-rose-400);
    }
  }
  .dark\:fill-sky-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-sky-400);
    }
  }
  .dark\:fill-sky-700\/60 {
    &:where(.dark, .dark *) {
      fill: color-mix(in srgb, oklch(50% 0.134 242.749) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-sky-700) 60%, transparent);
      }
    }
  }
  .dark\:fill-sky-800\/50 {
    &:where(.dark, .dark *) {
      fill: color-mix(in srgb, oklch(44.3% 0.11 240.79) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-sky-800) 50%, transparent);
      }
    }
  }
  .dark\:fill-violet-400 {
    &:where(.dark, .dark *) {
      fill: var(--color-violet-400);
    }
  }
  .dark\:fill-violet-600\/70 {
    &:where(.dark, .dark *) {
      fill: color-mix(in srgb, oklch(54.1% 0.281 293.009) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-violet-600) 70%, transparent);
      }
    }
  }
  .dark\:fill-violet-700\/60 {
    &:where(.dark, .dark *) {
      fill: color-mix(in srgb, oklch(49.1% 0.27 292.581) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-violet-700) 60%, transparent);
      }
    }
  }
  .dark\:fill-violet-800\/50 {
    &:where(.dark, .dark *) {
      fill: color-mix(in srgb, oklch(43.2% 0.232 292.759) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-violet-800) 50%, transparent);
      }
    }
  }
  .dark\:stroke-amber-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-amber-400);
    }
  }
  .dark\:stroke-amber-500 {
    &:where(.dark, .dark *) {
      stroke: var(--color-amber-500);
    }
  }
  .dark\:stroke-amber-600\/30 {
    &:where(.dark, .dark *) {
      stroke: color-mix(in srgb, oklch(66.6% 0.179 58.318) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        stroke: color-mix(in oklab, var(--color-amber-600) 30%, transparent);
      }
    }
  }
  .dark\:stroke-blue-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-blue-400);
    }
  }
  .dark\:stroke-cyan-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-cyan-400);
    }
  }
  .dark\:stroke-emerald-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-emerald-400);
    }
  }
  .dark\:stroke-emerald-600 {
    &:where(.dark, .dark *) {
      stroke: var(--color-emerald-600);
    }
  }
  .dark\:stroke-emerald-700 {
    &:where(.dark, .dark *) {
      stroke: var(--color-emerald-700);
    }
  }
  .dark\:stroke-emerald-800\/40 {
    &:where(.dark, .dark *) {
      stroke: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        stroke: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);
      }
    }
  }
  .dark\:stroke-indigo-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-indigo-400);
    }
  }
  .dark\:stroke-neutral-300 {
    &:where(.dark, .dark *) {
      stroke: var(--color-neutral-300);
    }
  }
  .dark\:stroke-neutral-500 {
    &:where(.dark, .dark *) {
      stroke: var(--color-neutral-500);
    }
  }
  .dark\:stroke-neutral-600 {
    &:where(.dark, .dark *) {
      stroke: var(--color-neutral-600);
    }
  }
  .dark\:stroke-neutral-700 {
    &:where(.dark, .dark *) {
      stroke: var(--color-neutral-700);
    }
  }
  .dark\:stroke-neutral-800 {
    &:where(.dark, .dark *) {
      stroke: var(--color-neutral-800);
    }
  }
  .dark\:stroke-neutral-900 {
    &:where(.dark, .dark *) {
      stroke: var(--color-neutral-900);
    }
  }
  .dark\:stroke-neutral-950 {
    &:where(.dark, .dark *) {
      stroke: var(--color-neutral-950);
    }
  }
  .dark\:stroke-orange-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-orange-400);
    }
  }
  .dark\:stroke-pink-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-pink-400);
    }
  }
  .dark\:stroke-red-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-red-400);
    }
  }
  .dark\:stroke-rose-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-rose-400);
    }
  }
  .dark\:stroke-sky-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-sky-400);
    }
  }
  .dark\:stroke-sky-600 {
    &:where(.dark, .dark *) {
      stroke: var(--color-sky-600);
    }
  }
  .dark\:stroke-violet-400 {
    &:where(.dark, .dark *) {
      stroke: var(--color-violet-400);
    }
  }
  .dark\:stroke-violet-500 {
    &:where(.dark, .dark *) {
      stroke: var(--color-violet-500);
    }
  }
  .dark\:text-\[\#e0c68a\] {
    &:where(.dark, .dark *) {
      color: #e0c68a;
    }
  }
  .dark\:text-\[\#f5f0e8\] {
    &:where(.dark, .dark *) {
      color: #f5f0e8;
    }
  }
  .dark\:text-\[var\(--ws-accent-hover\)\] {
    &:where(.dark, .dark *) {
      color: var(--ws-accent-hover);
    }
  }
  .dark\:text-\[var\(--ws-text\)\] {
    &:where(.dark, .dark *) {
      color: var(--ws-text);
    }
  }
  .dark\:text-amber-100 {
    &:where(.dark, .dark *) {
      color: var(--color-amber-100);
    }
  }
  .dark\:text-amber-200 {
    &:where(.dark, .dark *) {
      color: var(--color-amber-200);
    }
  }
  .dark\:text-amber-300 {
    &:where(.dark, .dark *) {
      color: var(--color-amber-300);
    }
  }
  .dark\:text-amber-300\/80 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
      }
    }
  }
  .dark\:text-amber-400 {
    &:where(.dark, .dark *) {
      color: var(--color-amber-400);
    }
  }
  .dark\:text-amber-400\/40 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-amber-400) 40%, transparent);
      }
    }
  }
  .dark\:text-blue-200 {
    &:where(.dark, .dark *) {
      color: var(--color-blue-200);
    }
  }
  .dark\:text-blue-300 {
    &:where(.dark, .dark *) {
      color: var(--color-blue-300);
    }
  }
  .dark\:text-blue-400 {
    &:where(.dark, .dark *) {
      color: var(--color-blue-400);
    }
  }
  .dark\:text-cyan-200 {
    &:where(.dark, .dark *) {
      color: var(--color-cyan-200);
    }
  }
  .dark\:text-cyan-300 {
    &:where(.dark, .dark *) {
      color: var(--color-cyan-300);
    }
  }
  .dark\:text-cyan-400 {
    &:where(.dark, .dark *) {
      color: var(--color-cyan-400);
    }
  }
  .dark\:text-emerald-100 {
    &:where(.dark, .dark *) {
      color: var(--color-emerald-100);
    }
  }
  .dark\:text-emerald-200 {
    &:where(.dark, .dark *) {
      color: var(--color-emerald-200);
    }
  }
  .dark\:text-emerald-200\/70 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent);
      }
    }
  }
  .dark\:text-emerald-300 {
    &:where(.dark, .dark *) {
      color: var(--color-emerald-300);
    }
  }
  .dark\:text-emerald-300\/80 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent);
      }
    }
  }
  .dark\:text-emerald-400 {
    &:where(.dark, .dark *) {
      color: var(--color-emerald-400);
    }
  }
  .dark\:text-emerald-400\/80 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent);
      }
    }
  }
  .dark\:text-emerald-400\/90 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-emerald-400) 90%, transparent);
      }
    }
  }
  .dark\:text-emerald-500 {
    &:where(.dark, .dark *) {
      color: var(--color-emerald-500);
    }
  }
  .dark\:text-green-400 {
    &:where(.dark, .dark *) {
      color: var(--color-green-400);
    }
  }
  .dark\:text-indigo-100 {
    &:where(.dark, .dark *) {
      color: var(--color-indigo-100);
    }
  }
  .dark\:text-indigo-200 {
    &:where(.dark, .dark *) {
      color: var(--color-indigo-200);
    }
  }
  .dark\:text-indigo-300 {
    &:where(.dark, .dark *) {
      color: var(--color-indigo-300);
    }
  }
  .dark\:text-indigo-400 {
    &:where(.dark, .dark *) {
      color: var(--color-indigo-400);
    }
  }
  .dark\:text-neutral-50 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-50);
    }
  }
  .dark\:text-neutral-100 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-100);
    }
  }
  .dark\:text-neutral-200 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-200);
    }
  }
  .dark\:text-neutral-300 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-300);
    }
  }
  .dark\:text-neutral-300\/90 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(87% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-neutral-300) 90%, transparent);
      }
    }
  }
  .dark\:text-neutral-400 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-400);
    }
  }
  .dark\:text-neutral-500 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-500);
    }
  }
  .dark\:text-neutral-600 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-600);
    }
  }
  .dark\:text-neutral-700 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-700);
    }
  }
  .dark\:text-neutral-700\! {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-700) !important;
    }
  }
  .dark\:text-neutral-900 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-900);
    }
  }
  .dark\:text-neutral-950 {
    &:where(.dark, .dark *) {
      color: var(--color-neutral-950);
    }
  }
  .dark\:text-orange-200 {
    &:where(.dark, .dark *) {
      color: var(--color-orange-200);
    }
  }
  .dark\:text-orange-400 {
    &:where(.dark, .dark *) {
      color: var(--color-orange-400);
    }
  }
  .dark\:text-pink-100 {
    &:where(.dark, .dark *) {
      color: var(--color-pink-100);
    }
  }
  .dark\:text-pink-300 {
    &:where(.dark, .dark *) {
      color: var(--color-pink-300);
    }
  }
  .dark\:text-pink-400 {
    &:where(.dark, .dark *) {
      color: var(--color-pink-400);
    }
  }
  .dark\:text-purple-200 {
    &:where(.dark, .dark *) {
      color: var(--color-purple-200);
    }
  }
  .dark\:text-purple-400 {
    &:where(.dark, .dark *) {
      color: var(--color-purple-400);
    }
  }
  .dark\:text-red-50 {
    &:where(.dark, .dark *) {
      color: var(--color-red-50);
    }
  }
  .dark\:text-red-100 {
    &:where(.dark, .dark *) {
      color: var(--color-red-100);
    }
  }
  .dark\:text-red-200 {
    &:where(.dark, .dark *) {
      color: var(--color-red-200);
    }
  }
  .dark\:text-red-300 {
    &:where(.dark, .dark *) {
      color: var(--color-red-300);
    }
  }
  .dark\:text-red-300\/80 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-red-300) 80%, transparent);
      }
    }
  }
  .dark\:text-red-400 {
    &:where(.dark, .dark *) {
      color: var(--color-red-400);
    }
  }
  .dark\:text-rose-100 {
    &:where(.dark, .dark *) {
      color: var(--color-rose-100);
    }
  }
  .dark\:text-rose-200 {
    &:where(.dark, .dark *) {
      color: var(--color-rose-200);
    }
  }
  .dark\:text-rose-300 {
    &:where(.dark, .dark *) {
      color: var(--color-rose-300);
    }
  }
  .dark\:text-rose-300\/90 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, oklch(81% 0.117 11.638) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-rose-300) 90%, transparent);
      }
    }
  }
  .dark\:text-rose-400 {
    &:where(.dark, .dark *) {
      color: var(--color-rose-400);
    }
  }
  .dark\:text-sky-100 {
    &:where(.dark, .dark *) {
      color: var(--color-sky-100);
    }
  }
  .dark\:text-sky-200 {
    &:where(.dark, .dark *) {
      color: var(--color-sky-200);
    }
  }
  .dark\:text-sky-300 {
    &:where(.dark, .dark *) {
      color: var(--color-sky-300);
    }
  }
  .dark\:text-sky-400 {
    &:where(.dark, .dark *) {
      color: var(--color-sky-400);
    }
  }
  .dark\:text-slate-200 {
    &:where(.dark, .dark *) {
      color: var(--color-slate-200);
    }
  }
  .dark\:text-slate-400 {
    &:where(.dark, .dark *) {
      color: var(--color-slate-400);
    }
  }
  .dark\:text-teal-200 {
    &:where(.dark, .dark *) {
      color: var(--color-teal-200);
    }
  }
  .dark\:text-teal-300 {
    &:where(.dark, .dark *) {
      color: var(--color-teal-300);
    }
  }
  .dark\:text-teal-400 {
    &:where(.dark, .dark *) {
      color: var(--color-teal-400);
    }
  }
  .dark\:text-violet-100 {
    &:where(.dark, .dark *) {
      color: var(--color-violet-100);
    }
  }
  .dark\:text-violet-200 {
    &:where(.dark, .dark *) {
      color: var(--color-violet-200);
    }
  }
  .dark\:text-violet-300 {
    &:where(.dark, .dark *) {
      color: var(--color-violet-300);
    }
  }
  .dark\:text-violet-400 {
    &:where(.dark, .dark *) {
      color: var(--color-violet-400);
    }
  }
  .dark\:text-violet-500 {
    &:where(.dark, .dark *) {
      color: var(--color-violet-500);
    }
  }
  .dark\:text-white {
    &:where(.dark, .dark *) {
      color: var(--color-white);
    }
  }
  .dark\:text-white\/20 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .dark\:text-white\/25 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }
  .dark\:text-white\/30 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .dark\:text-white\/35 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 35%, transparent);
      }
    }
  }
  .dark\:text-white\/40 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }
  .dark\:text-white\/45 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 45%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 45%, transparent);
      }
    }
  }
  .dark\:text-white\/50 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
  .dark\:text-white\/55 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 55%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 55%, transparent);
      }
    }
  }
  .dark\:text-white\/60 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }
  .dark\:text-white\/65 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 65%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 65%, transparent);
      }
    }
  }
  .dark\:text-white\/70 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  .dark\:text-white\/75 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 75%, transparent);
      }
    }
  }
  .dark\:text-white\/80 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .dark\:text-white\/85 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 85%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 85%, transparent);
      }
    }
  }
  .dark\:text-white\/90 {
    &:where(.dark, .dark *) {
      color: color-mix(in srgb, #fff 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
  }
  .dark\:placeholder-neutral-500 {
    &:where(.dark, .dark *) {
      &::placeholder {
        color: var(--color-neutral-500);
      }
    }
  }
  .dark\:opacity-20 {
    &:where(.dark, .dark *) {
      opacity: 20%;
    }
  }
  .dark\:opacity-95 {
    &:where(.dark, .dark *) {
      opacity: 95%;
    }
  }
  .dark\:shadow-\[0_0_20px_-5px_rgba\(56\,189\,248\,0\.2\)\] {
    &:where(.dark, .dark *) {
      --tw-shadow: 0 0 20px -5px var(--tw-shadow-color, rgba(56,189,248,0.2));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.05\)\] {
    &:where(.dark, .dark *) {
      --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(255,255,255,0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\,0_2px_8px_rgba\(0\,0\,0\,0\.2\)\] {
    &:where(.dark, .dark *) {
      --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.4)), 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.2));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_18px_48px_-18px_rgba\(0\,0\,0\,0\.55\)\] {
    &:where(.dark, .dark *) {
      --tw-shadow: 0 18px 48px -18px var(--tw-shadow-color, rgba(0,0,0,0.55));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-xl {
    &:where(.dark, .dark *) {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:ring-1 {
    &:where(.dark, .dark *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-black\/10 {
    &:where(.dark, .dark *) {
      --tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-black\/20 {
    &:where(.dark, .dark *) {
      --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-black\/30 {
    &:where(.dark, .dark *) {
      --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-black\/40 {
    &:where(.dark, .dark *) {
      --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:ring-\[var\(--ws-bg-card\,\#0a1829\)\] {
    &:where(.dark, .dark *) {
      --tw-ring-color: var(--ws-bg-card,#0a1829);
    }
  }
  .dark\:ring-amber-400\/12 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 12%, transparent);
      }
    }
  }
  .dark\:ring-amber-500\/20 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }
  }
  .dark\:ring-amber-500\/25 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
      }
    }
  }
  .dark\:ring-amber-500\/30 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
      }
    }
  }
  .dark\:ring-cyan-400\/12 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-400) 12%, transparent);
      }
    }
  }
  .dark\:ring-cyan-500\/30 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
      }
    }
  }
  .dark\:ring-emerald-400\/12 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 12%, transparent);
      }
    }
  }
  .dark\:ring-emerald-500\/20 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
      }
    }
  }
  .dark\:ring-emerald-500\/25 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
      }
    }
  }
  .dark\:ring-emerald-500\/30 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
      }
    }
  }
  .dark\:ring-emerald-800 {
    &:where(.dark, .dark *) {
      --tw-ring-color: var(--color-emerald-800);
    }
  }
  .dark\:ring-indigo-500\/25 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent);
      }
    }
  }
  .dark\:ring-neutral-100\/20 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(97% 0 0) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-neutral-100) 20%, transparent);
      }
    }
  }
  .dark\:ring-neutral-600\/45 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(43.9% 0 0) 45%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-neutral-600) 45%, transparent);
      }
    }
  }
  .dark\:ring-neutral-700 {
    &:where(.dark, .dark *) {
      --tw-ring-color: var(--color-neutral-700);
    }
  }
  .dark\:ring-neutral-800 {
    &:where(.dark, .dark *) {
      --tw-ring-color: var(--color-neutral-800);
    }
  }
  .dark\:ring-neutral-900 {
    &:where(.dark, .dark *) {
      --tw-ring-color: var(--color-neutral-900);
    }
  }
  .dark\:ring-neutral-950 {
    &:where(.dark, .dark *) {
      --tw-ring-color: var(--color-neutral-950);
    }
  }
  .dark\:ring-neutral-950\/80 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(14.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-neutral-950) 80%, transparent);
      }
    }
  }
  .dark\:ring-rose-400\/12 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 12%, transparent);
      }
    }
  }
  .dark\:ring-rose-500\/20 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
      }
    }
  }
  .dark\:ring-rose-500\/25 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);
      }
    }
  }
  .dark\:ring-rose-500\/30 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
      }
    }
  }
  .dark\:ring-sky-400\/12 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 12%, transparent);
      }
    }
  }
  .dark\:ring-sky-500\/20 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
      }
    }
  }
  .dark\:ring-sky-500\/25 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent);
      }
    }
  }
  .dark\:ring-sky-500\/30 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
      }
    }
  }
  .dark\:ring-teal-500\/25 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-teal-500) 25%, transparent);
      }
    }
  }
  .dark\:ring-violet-400\/12 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 12%, transparent);
      }
    }
  }
  .dark\:ring-violet-500\/20 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
      }
    }
  }
  .dark\:ring-violet-500\/25 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
      }
    }
  }
  .dark\:ring-violet-500\/30 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
      }
    }
  }
  .dark\:ring-white\/10 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:ring-white\/15 {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .dark\:ring-white\/\[0\.05\] {
    &:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .dark\:ring-offset-neutral-950 {
    &:where(.dark, .dark *) {
      --tw-ring-offset-color: var(--color-neutral-950);
    }
  }
  .dark\:outline-blue-500 {
    &:where(.dark, .dark *) {
      outline-color: var(--color-blue-500);
    }
  }
  .dark\:outline-neutral-500 {
    &:where(.dark, .dark *) {
      outline-color: var(--color-neutral-500);
    }
  }
  .dark\:group-hover\:border-amber-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:border-emerald-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:border-indigo-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-indigo-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:border-neutral-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: var(--color-neutral-400);
        }
      }
    }
  }
  .dark\:group-hover\:border-neutral-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:border-orange-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-orange-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:border-rose-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-rose-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:border-sky-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-sky-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:border-slate-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:border-violet-800\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-violet-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-neutral-700 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:group-hover\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-neutral-800);
        }
      }
    }
  }
  .dark\:group-hover\:bg-sky-400\/8 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 8%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-400) 8%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-violet-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:from-amber-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:from-emerald-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:from-indigo-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:from-neutral-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:from-orange-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:from-rose-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:from-sky-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:from-slate-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:from-violet-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-amber-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-cyan-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-fuchsia-900\/30 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(40.1% 0.17 325.612) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-900) 30%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-indigo-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-orange-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-pink-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-purple-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-sky-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-stone-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(21.6% 0.006 56.043) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-stone-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-teal-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-violet-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:to-zinc-900\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(21% 0.006 285.885) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-zinc-900) 20%, transparent);
          }
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:group-hover\:text-amber-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-amber-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-indigo-300 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-indigo-300);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-50);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-100 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-100);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-300 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-300);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-rose-300 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-rose-300);
        }
      }
    }
  }
  .dark\:group-hover\:text-rose-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-rose-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-sky-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-sky-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-violet-200 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-violet-200);
        }
      }
    }
  }
  .dark\:group-hover\:text-violet-300 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-violet-300);
        }
      }
    }
  }
  .dark\:group-hover\:text-violet-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-violet-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-white {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .dark\:group-hover\:text-white\/50 {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: color-mix(in srgb, #fff 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\/item\:bg-neutral-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group\/item):hover *) {
        @media (hover: hover) {
          background-color: var(--color-neutral-400);
        }
      }
    }
  }
  .dark\:group-hover\/q\:text-emerald-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group\/q):hover *) {
        @media (hover: hover) {
          color: var(--color-emerald-400);
        }
      }
    }
  }
  .dark\:group-aria-invalid\/time-input\:ring-red-400\/20 {
    &:where(.dark, .dark *) {
      &:is(:where(.group\/time-input)[aria-invalid="true"] *) {
        --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
        }
      }
    }
  }
  .dark\:group-data-active\:border-white {
    &:where(.dark, .dark *) {
      &:is(:where(.group)[data-active] *) {
        border-color: var(--color-white);
      }
    }
  }
  .dark\:group-data-active\:text-white {
    &:where(.dark, .dark *) {
      &:is(:where(.group)[data-active] *) {
        color: var(--color-white);
      }
    }
  }
  .dark\:group-data-disabled\:border-neutral-700 {
    &:where(.dark, .dark *) {
      &:is(:where(.group)[data-disabled] *) {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:group-data-disabled\:bg-neutral-400 {
    &:where(.dark, .dark *) {
      &:is(:where(.group)[data-disabled] *) {
        background-color: var(--color-neutral-400);
      }
    }
  }
  .dark\:group-data-disabled\:bg-neutral-500 {
    &:where(.dark, .dark *) {
      &:is(:where(.group)[data-disabled] *) {
        background-color: var(--color-neutral-500);
      }
    }
  }
  .dark\:group-data-disabled\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &:is(:where(.group)[data-disabled] *) {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:group-data-disabled\:text-neutral-700 {
    &:where(.dark, .dark *) {
      &:is(:where(.group)[data-disabled] *) {
        color: var(--color-neutral-700);
      }
    }
  }
  .dark\:group-data-disabled\/DropdownMenuItem\:text-neutral-700 {
    &:where(.dark, .dark *) {
      &:is(:where(.group\/DropdownMenuItem)[data-disabled] *) {
        color: var(--color-neutral-700);
      }
    }
  }
  .dark\:group-data-disabled\/trigger\:text-neutral-600 {
    &:where(.dark, .dark *) {
      &:is(:where(.group\/trigger)[data-disabled] *) {
        color: var(--color-neutral-600);
      }
    }
  }
  .dark\:group-data-\[state\=open\]\:text-neutral-300 {
    &:where(.dark, .dark *) {
      &:is(:where(.group)[data-state="open"] *) {
        color: var(--color-neutral-300);
      }
    }
  }
  .dark\:file\:border-neutral-700 {
    &:where(.dark, .dark *) {
      &::file-selector-button {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:file\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &::file-selector-button {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:placeholder\:text-neutral-500 {
    &:where(.dark, .dark *) {
      &::placeholder {
        color: var(--color-neutral-500);
      }
    }
  }
  .dark\:placeholder\:text-rose-300\/50 {
    &:where(.dark, .dark *) {
      &::placeholder {
        color: color-mix(in srgb, oklch(81% 0.117 11.638) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-rose-300) 50%, transparent);
        }
      }
    }
  }
  .dark\:placeholder\:text-white\/30 {
    &:where(.dark, .dark *) {
      &::placeholder {
        color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .dark\:placeholder\:text-white\/40 {
    &:where(.dark, .dark *) {
      &::placeholder {
        color: color-mix(in srgb, #fff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .dark\:before\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:odd\:bg-neutral-950 {
    &:where(.dark, .dark *) {
      &:nth-child(odd) {
        background-color: var(--color-neutral-950);
      }
    }
  }
  .dark\:even\:bg-neutral-900\/50 {
    &:where(.dark, .dark *) {
      &:nth-child(even) {
        background-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
        }
      }
    }
  }
  .dark\:hover\:\!border-amber-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-amber-500) !important;
        }
      }
    }
  }
  .dark\:hover\:\!border-orange-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-500) !important;
        }
      }
    }
  }
  .dark\:hover\:border-amber-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-amber-500);
        }
      }
    }
  }
  .dark\:hover\:border-amber-800\/60 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-amber-800) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-blue-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-blue-500);
        }
      }
    }
  }
  .dark\:hover\:border-blue-600 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-blue-600);
        }
      }
    }
  }
  .dark\:hover\:border-emerald-400\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-emerald-500\/15 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-emerald-500\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-emerald-500\/25 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-emerald-600\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-emerald-700 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-emerald-700);
        }
      }
    }
  }
  .dark\:hover\:border-emerald-800\/60 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-emerald-800) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-indigo-500\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-indigo-600 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-indigo-600);
        }
      }
    }
  }
  .dark\:hover\:border-indigo-700\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-indigo-700) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-neutral-600 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-neutral-600);
        }
      }
    }
  }
  .dark\:hover\:border-neutral-700 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:hover\:border-neutral-700\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-neutral-700\/70 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(37.1% 0 0) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-neutral-700) 70%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-neutral-800 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-neutral-800);
        }
      }
    }
  }
  .dark\:hover\:border-orange-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-500);
        }
      }
    }
  }
  .dark\:hover\:border-rose-500\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-rose-600 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-rose-600);
        }
      }
    }
  }
  .dark\:hover\:border-rose-700 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-rose-700);
        }
      }
    }
  }
  .dark\:hover\:border-rose-800 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-rose-800);
        }
      }
    }
  }
  .dark\:hover\:border-sky-400\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-sky-800 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-sky-800);
        }
      }
    }
  }
  .dark\:hover\:border-sky-800\/60 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-sky-800) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-violet-400\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-violet-500\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-violet-500\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-violet-600 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-violet-600);
        }
      }
    }
  }
  .dark\:hover\:border-violet-700 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-violet-700);
        }
      }
    }
  }
  .dark\:hover\:border-violet-800 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-violet-800);
        }
      }
    }
  }
  .dark\:hover\:border-violet-800\/60 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-violet-800) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-white\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, #fff 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-white\/\[0\.06\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, #fff 6%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-white\/\[0\.10\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, #fff 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-white\/\[0\.12\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, #fff 12%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-500\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-900\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-950\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-950\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-emerald-500);
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-500\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-900\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-950\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-950\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-800\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-800) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-950\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-100 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-100);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-200 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-200);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-400\/10 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(70.8% 0 0) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-500);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-600 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-600);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.1% 0 0) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-700) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700\/80 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.1% 0 0) 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-700) 80%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-800);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.9% 0 0) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.9% 0 0) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800\/60 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.9% 0 0) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800\/80 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-900);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(20.5% 0 0) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900\/60 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900\/70 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(20.5% 0 0) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-900) 70%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-950\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(14.5% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-orange-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-pink-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.4% 0.109 3.907) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-purple-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-red-700 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-red-700);
        }
      }
    }
  }
  .dark\:hover\:bg-red-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-red-950\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-rose-500);
        }
      }
    }
  }
  .dark\:hover\:bg-rose-500\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-800\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-800) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-900\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-950\/40 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-400\/10 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-500\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-900\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-950\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-950) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-950\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-teal-600 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-teal-600);
        }
      }
    }
  }
  .dark\:hover\:bg-violet-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-violet-500);
        }
      }
    }
  }
  .dark\:hover\:bg-violet-500\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-900\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-900\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-900\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-950\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-950) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-950\/30 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-950\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/10 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/90 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 90%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/\[0\.1\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/\[0\.02\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 2%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/\[0\.03\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 3%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/\[0\.04\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 4%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/\[0\.05\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 5%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/\[0\.06\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 6%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/\[0\.08\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 8%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:text-\[var\(--ws-text\)\] {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--ws-text);
        }
      }
    }
  }
  .dark\:hover\:text-blue-400 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-blue-400);
        }
      }
    }
  }
  .dark\:hover\:text-emerald-200 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-emerald-200);
        }
      }
    }
  }
  .dark\:hover\:text-emerald-300 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-emerald-300);
        }
      }
    }
  }
  .dark\:hover\:text-emerald-400 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-emerald-400);
        }
      }
    }
  }
  .dark\:hover\:text-indigo-200 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-indigo-200);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-50);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-100 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-100);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-200 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-200);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-300 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-300);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-400 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-400);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-500);
        }
      }
    }
  }
  .dark\:hover\:text-red-300 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-300);
        }
      }
    }
  }
  .dark\:hover\:text-red-400 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-400);
        }
      }
    }
  }
  .dark\:hover\:text-red-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-500);
        }
      }
    }
  }
  .dark\:hover\:text-rose-200 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-rose-200);
        }
      }
    }
  }
  .dark\:hover\:text-rose-300 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-rose-300);
        }
      }
    }
  }
  .dark\:hover\:text-rose-400 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-rose-400);
        }
      }
    }
  }
  .dark\:hover\:text-rose-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-rose-500);
        }
      }
    }
  }
  .dark\:hover\:text-sky-100 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-sky-100);
        }
      }
    }
  }
  .dark\:hover\:text-sky-200 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-sky-200);
        }
      }
    }
  }
  .dark\:hover\:text-violet-200 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-violet-200);
        }
      }
    }
  }
  .dark\:hover\:text-violet-300 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-violet-300);
        }
      }
    }
  }
  .dark\:hover\:text-violet-400 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-violet-400);
        }
      }
    }
  }
  .dark\:hover\:text-white {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .dark\:hover\:text-white\/75 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: color-mix(in srgb, #fff 75%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 75%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:text-white\/80 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: color-mix(in srgb, #fff 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 80%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:shadow-black\/20 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:shadow-neutral-900\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:shadow-neutral-950\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow-color: color-mix(in srgb, oklch(14.5% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-950) 50%, transparent) var(--tw-shadow-alpha), transparent);
          }
        }
      }
    }
  }
  .dark\:file\:hover\:bg-neutral-700 {
    &:where(.dark, .dark *) {
      &::file-selector-button {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-neutral-700);
          }
        }
      }
    }
  }
  .dark\:focus\:border-\[var\(--nstack-accent\)\]\/40 {
    &:where(.dark, .dark *) {
      &:focus {
        border-color: var(--nstack-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--nstack-accent) 40%, transparent);
        }
      }
    }
  }
  .dark\:focus\:border-emerald-600\/40 {
    &:where(.dark, .dark *) {
      &:focus {
        border-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent);
        }
      }
    }
  }
  .dark\:focus\:border-neutral-500 {
    &:where(.dark, .dark *) {
      &:focus {
        border-color: var(--color-neutral-500);
      }
    }
  }
  .dark\:focus\:border-violet-600 {
    &:where(.dark, .dark *) {
      &:focus {
        border-color: var(--color-violet-600);
      }
    }
  }
  .dark\:focus\:ring-neutral-600\/40 {
    &:where(.dark, .dark *) {
      &:focus {
        --tw-ring-color: color-mix(in srgb, oklch(43.9% 0 0) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-neutral-600) 40%, transparent);
        }
      }
    }
  }
  .dark\:focus\:ring-violet-800 {
    &:where(.dark, .dark *) {
      &:focus {
        --tw-ring-color: var(--color-violet-800);
      }
    }
  }
  .dark\:focus\:ring-violet-900\/30 {
    &:where(.dark, .dark *) {
      &:focus {
        --tw-ring-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
        }
      }
    }
  }
  .dark\:focus-visible\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &:focus-visible {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:focus-visible\:bg-neutral-900 {
    &:where(.dark, .dark *) {
      &:focus-visible {
        background-color: var(--color-neutral-900);
      }
    }
  }
  .dark\:focus-visible\:ring-neutral-500\/40 {
    &:where(.dark, .dark *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, oklch(55.6% 0 0) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-neutral-500) 40%, transparent);
        }
      }
    }
  }
  .dark\:active\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &:active {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:disabled\:border-neutral-700 {
    &:where(.dark, .dark *) {
      &:disabled {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:disabled\:border-neutral-800 {
    &:where(.dark, .dark *) {
      &:disabled {
        border-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:disabled\:bg-neutral-700 {
    &:where(.dark, .dark *) {
      &:disabled {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:disabled\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &:disabled {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:disabled\:bg-rose-900 {
    &:where(.dark, .dark *) {
      &:disabled {
        background-color: var(--color-rose-900);
      }
    }
  }
  .dark\:disabled\:bg-transparent {
    &:where(.dark, .dark *) {
      &:disabled {
        background-color: transparent;
      }
    }
  }
  .dark\:disabled\:text-neutral-500 {
    &:where(.dark, .dark *) {
      &:disabled {
        color: var(--color-neutral-500);
      }
    }
  }
  .dark\:disabled\:text-neutral-600 {
    &:where(.dark, .dark *) {
      &:disabled {
        color: var(--color-neutral-600);
      }
    }
  }
  .dark\:disabled\:text-rose-500 {
    &:where(.dark, .dark *) {
      &:disabled {
        color: var(--color-rose-500);
      }
    }
  }
  .dark\:file\:disabled\:border-neutral-700 {
    &:where(.dark, .dark *) {
      &::file-selector-button {
        &:disabled {
          border-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:file\:disabled\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &::file-selector-button {
        &:disabled {
          background-color: var(--color-neutral-800);
        }
      }
    }
  }
  .dark\:aria-invalid\:ring-red-400\/20 {
    &:where(.dark, .dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
        }
      }
    }
  }
  .dark\:aria-selected\:bg-black {
    &:where(.dark, .dark *) {
      &[aria-selected="true"] {
        background-color: var(--color-black);
      }
    }
  }
  .dark\:aria-selected\:bg-neutral-900\! {
    &:where(.dark, .dark *) {
      &[aria-selected="true"] {
        background-color: var(--color-neutral-900) !important;
      }
    }
  }
  .dark\:aria-selected\:text-neutral-50 {
    &:where(.dark, .dark *) {
      &[aria-selected="true"] {
        color: var(--color-neutral-50);
      }
    }
  }
  .dark\:aria-selected\:text-neutral-50\! {
    &:where(.dark, .dark *) {
      &[aria-selected="true"] {
        color: var(--color-neutral-50) !important;
      }
    }
  }
  .dark\:data-disabled\:border-neutral-700 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:data-disabled\:border-neutral-800 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        border-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:data-disabled\:bg-neutral-600 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        background-color: var(--color-neutral-600);
      }
    }
  }
  .dark\:data-disabled\:bg-neutral-700 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:data-disabled\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:data-disabled\:bg-neutral-900 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        background-color: var(--color-neutral-900);
      }
    }
  }
  .dark\:data-disabled\:text-neutral-500 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        color: var(--color-neutral-500);
      }
    }
  }
  .dark\:data-disabled\:text-neutral-600 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        color: var(--color-neutral-600);
      }
    }
  }
  .dark\:data-placeholder\:text-neutral-500 {
    &:where(.dark, .dark *) {
      &[data-placeholder] {
        color: var(--color-neutral-500);
      }
    }
  }
  .dark\:data-\[state\=active\]\:\!bg-neutral-700 {
    &:where(.dark, .dark *) {
      &[data-state="active"] {
        background-color: var(--color-neutral-700) !important;
      }
    }
  }
  .dark\:data-\[state\=active\]\:\!text-sky-400 {
    &:where(.dark, .dark *) {
      &[data-state="active"] {
        color: var(--color-sky-400) !important;
      }
    }
  }
  .dark\:data-\[state\=checked\]\:border-blue-500 {
    &:where(.dark, .dark *) {
      &[data-state="checked"] {
        border-color: var(--color-blue-500);
      }
    }
  }
  .dark\:data-\[state\=checked\]\:ring-violet-500\/30 {
    &:where(.dark, .dark *) {
      &[data-state="checked"] {
        --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
        }
      }
    }
  }
  .dark\:enabled\:data-\[state\=checked\]\:from-violet-500 {
    &:where(.dark, .dark *) {
      &:enabled {
        &[data-state="checked"] {
          --tw-gradient-from: var(--color-violet-500);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:enabled\:data-\[state\=checked\]\:to-cyan-500 {
    &:where(.dark, .dark *) {
      &:enabled {
        &[data-state="checked"] {
          --tw-gradient-to: var(--color-cyan-500);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:data-disabled\:data-\[state\=checked\]\:from-neutral-600 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        &[data-state="checked"] {
          --tw-gradient-from: var(--color-neutral-600);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:data-disabled\:data-\[state\=checked\]\:to-neutral-600 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        &[data-state="checked"] {
          --tw-gradient-to: var(--color-neutral-600);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:data-disabled\:data-\[state\=checked\]\:ring-neutral-600 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        &[data-state="checked"] {
          --tw-ring-color: var(--color-neutral-600);
        }
      }
    }
  }
  .data-\[state\=inactive\]\:dark\:text-neutral-400 {
    &[data-state="inactive"] {
      &:where(.dark, .dark *) {
        color: var(--color-neutral-400);
      }
    }
  }
  .dark\:data-\[state\=open\]\:border-neutral-700 {
    &:where(.dark, .dark *) {
      &[data-state="open"] {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:data-\[state\=open\]\:bg-neutral-800\/50 {
    &:where(.dark, .dark *) {
      &[data-state="open"] {
        background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
        }
      }
    }
  }
  .dark\:data-\[state\=open\]\:bg-neutral-900 {
    &:where(.dark, .dark *) {
      &[data-state="open"] {
        background-color: var(--color-neutral-900);
      }
    }
  }
  .dark\:data-disabled\:data-\[state\=unchecked\]\:bg-neutral-800 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        &[data-state="unchecked"] {
          background-color: var(--color-neutral-800);
        }
      }
    }
  }
  .dark\:data-disabled\:data-\[state\=unchecked\]\:ring-neutral-700 {
    &:where(.dark, .dark *) {
      &[data-disabled] {
        &[data-state="unchecked"] {
          --tw-ring-color: var(--color-neutral-700);
        }
      }
    }
  }
  .sm\:dark\:border-neutral-700 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:sm\:bg-transparent {
    &:where(.dark, .dark *) {
      @media (width >= 40rem) {
        background-color: transparent;
      }
    }
  }
  .sm\:dark\:bg-\[var\(--ws-bg-card\)\] {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        background-color: var(--ws-bg-card);
      }
    }
  }
  .sm\:dark\:bg-emerald-900\/30 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
        }
      }
    }
  }
  .sm\:dark\:bg-neutral-500 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        background-color: var(--color-neutral-500);
      }
    }
  }
  .sm\:dark\:bg-neutral-700 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .sm\:dark\:bg-neutral-800 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .sm\:dark\:bg-neutral-800\/50 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
        }
      }
    }
  }
  .sm\:dark\:bg-transparent {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        background-color: transparent;
      }
    }
  }
  .sm\:dark\:bg-white {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        background-color: var(--color-white);
      }
    }
  }
  .sm\:dark\:text-emerald-400 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        color: var(--color-emerald-400);
      }
    }
  }
  .sm\:dark\:text-neutral-300 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        color: var(--color-neutral-300);
      }
    }
  }
  .sm\:dark\:text-neutral-400 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        color: var(--color-neutral-400);
      }
    }
  }
  .sm\:dark\:text-neutral-900 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        color: var(--color-neutral-900);
      }
    }
  }
  .sm\:dark\:text-white {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        color: var(--color-white);
      }
    }
  }
  .sm\:dark\:ring-neutral-700 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        --tw-ring-color: var(--color-neutral-700);
      }
    }
  }
  .sm\:dark\:hover\:bg-neutral-100 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-neutral-100);
          }
        }
      }
    }
  }
  .sm\:dark\:hover\:bg-neutral-700 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-neutral-700);
          }
        }
      }
    }
  }
  .sm\:dark\:hover\:text-neutral-300 {
    @media (width >= 40rem) {
      &:where(.dark, .dark *) {
        &:hover {
          @media (hover: hover) {
            color: var(--color-neutral-300);
          }
        }
      }
    }
  }
  .lg\:dark\:bg-black {
    @media (width >= 64rem) {
      &:where(.dark, .dark *) {
        background-color: var(--color-black);
      }
    }
  }
  .\[\&_\*\]\:stroke-\[1\.8\] {
    & * {
      stroke-width: 1.8;
    }
  }
  .\[\&_\.text-neutral-500\]\:\!text-\[var\(--ws-text-subtle\)\] {
    & .text-neutral-500 {
      color: var(--ws-text-subtle) !important;
    }
  }
  .\[\&_\.ws-widget-actions\]\:\!py-2 {
    & .ws-widget-actions {
      padding-block: calc(var(--spacing) * 2) !important;
    }
  }
  .\[\&_\.ws-widget-body\]\:\!py-3 {
    & .ws-widget-body {
      padding-block: calc(var(--spacing) * 3) !important;
    }
  }
  .\[\&_\.ws-widget-prov\]\:\!pt-0\.5 {
    & .ws-widget-prov {
      padding-top: calc(var(--spacing) * 0.5) !important;
    }
  }
  .\[\&_\.ws-widget-prov\]\:\!pb-2 {
    & .ws-widget-prov {
      padding-bottom: calc(var(--spacing) * 2) !important;
    }
  }
  .\[\&_h3\]\:mt-3 {
    & h3 {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .\[\&_h3\]\:mb-1 {
    & h3 {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .\[\&_h3\]\:text-xs {
    & h3 {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_h3\]\:font-semibold {
    & h3 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_header\]\:\!pt-3 {
    & header {
      padding-top: calc(var(--spacing) * 3) !important;
    }
  }
  .\[\&_header\]\:\!pb-1 {
    & header {
      padding-bottom: calc(var(--spacing) * 1) !important;
    }
  }
  .\[\&_li\]\:text-\[11px\] {
    & li {
      font-size: 11px;
    }
  }
  .\[\&_span\]\:\!text-\[var\(--ws-text\)\] {
    & span {
      color: var(--ws-text) !important;
    }
  }
  .\[\&_strong\]\:text-neutral-800 {
    & strong {
      color: var(--color-neutral-800);
    }
  }
  .\[\&_strong\]\:dark\:text-neutral-200 {
    & strong {
      &:where(.dark, .dark *) {
        color: var(--color-neutral-200);
      }
    }
  }
  .\[\&_svg\]\:block {
    & svg {
      display: block;
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_svg\]\:\!text-\[var\(--ws-text-subtle\)\] {
    & svg {
      color: var(--ws-text-subtle) !important;
    }
  }
  .\[\&_td\]\:py-2 {
    & td {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&_td\]\:align-middle {
    & td {
      vertical-align: middle;
    }
  }
  .sm\:\[\&_td\]\:py-2\.5 {
    @media (width >= 40rem) {
      & td {
        padding-block: calc(var(--spacing) * 2.5);
      }
    }
  }
  .\[\&_td\:first-child\]\:pl-3 {
    & td:first-child {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .sm\:\[\&_td\:first-child\]\:pl-4 {
    @media (width >= 40rem) {
      & td:first-child {
        padding-left: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_td\:last-child\]\:pr-3 {
    & td:last-child {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .sm\:\[\&_td\:last-child\]\:pr-4 {
    @media (width >= 40rem) {
      & td:last-child {
        padding-right: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_th\:first-child\]\:pl-3 {
    & th:first-child {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .sm\:\[\&_th\:first-child\]\:pl-4 {
    @media (width >= 40rem) {
      & th:first-child {
        padding-left: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_th\:last-child\]\:pr-3 {
    & th:last-child {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .sm\:\[\&_th\:last-child\]\:pr-4 {
    @media (width >= 40rem) {
      & th:last-child {
        padding-right: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_ul\]\:space-y-1 {
    & ul {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .\[\&\:\:--webkit-search-cancel-button\]\:hidden {
    &::--webkit-search-cancel-button {
      display: none;
    }
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
    &::-webkit-inner-spin-button {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
    &::-webkit-outer-spin-button {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
    &::-webkit-search-cancel-button {
      display: none;
    }
  }
  .\[\&\:\:-webkit-search-decoration\]\:hidden {
    &::-webkit-search-decoration {
      display: none;
    }
  }
  .sm\:\[\&\>input\]\:py-1\.5 {
    @media (width >= 40rem) {
      &>input {
        padding-block: calc(var(--spacing) * 1.5);
      }
    }
  }
  .\[\@media\(hover\:none\)\]\:opacity-100 {
    @media (hover:none) {
      opacity: 100%;
    }
  }
}
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
  cursor: pointer;
}
.react-flow__pane.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path, .react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
  stroke-dasharray: 5;
  -webkit-animation: dashdraw 0.5s linear infinite;
  animation: dashdraw 0.5s linear infinite;
}
.react-flow__edge.animated path.react-flow__edge-interaction {
  stroke-dasharray: none;
  -webkit-animation: none;
  animation: none;
}
.react-flow__edge.inactive {
  pointer-events: none;
}
.react-flow__edge.selected, .react-flow__edge:focus, .react-flow__edge:focus-visible {
  outline: none;
}
.react-flow__edge.selected .react-flow__edge-path, .react-flow__edge:focus .react-flow__edge-path, .react-flow__edge:focus-visible .react-flow__edge-path {
  stroke: #555;
}
.react-flow__edge-textwrapper {
  pointer-events: all;
}
.react-flow__edge-textbg {
  fill: white;
}
.react-flow__edge .react-flow__edge-text {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
  stroke-dasharray: 5;
  -webkit-animation: dashdraw 0.5s linear infinite;
  animation: dashdraw 0.5s linear infinite;
}
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
  position: absolute;
  pointer-events: all;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
  pointer-events: all;
  cursor: crosshair;
}
.react-flow__handle-bottom {
  top: auto;
  left: 50%;
  bottom: -4px;
  transform: translate(-50%, 0);
}
.react-flow__handle-top {
  left: 50%;
  top: -4px;
  transform: translate(-50%, 0);
}
.react-flow__handle-left {
  top: 50%;
  left: -4px;
  transform: translate(0, -50%);
}
.react-flow__handle-right {
  right: -4px;
  top: 50%;
  transform: translate(0, -50%);
}
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
  top: 0;
}
.react-flow__panel.bottom {
  bottom: 0;
}
.react-flow__panel.left {
  left: 0;
}
.react-flow__panel.right {
  right: 0;
}
.react-flow__panel.center {
  left: 50%;
  transform: translateX(-50%);
}
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
  text-decoration: none;
  color: #999;
}
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
  stroke: #777;
}
.react-flow__edge-text {
  font-size: 10px;
}
.react-flow__node.selectable:focus, .react-flow__node.selectable:focus-visible {
  outline: none;
}
.react-flow__node-default, .react-flow__node-input, .react-flow__node-output, .react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible, .react-flow__node-input.selectable.selected, .react-flow__node-input.selectable:focus, .react-flow__node-input.selectable:focus-visible, .react-flow__node-output.selectable.selected, .react-flow__node-output.selectable:focus, .react-flow__node-output.selectable:focus-visible, .react-flow__node-group.selectable.selected, .react-flow__node-group.selectable:focus, .react-flow__node-group.selectable:focus-visible {
  box-shadow: 0 0 0 0.5px #1a192b;
}
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect, .react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible, .react-flow__selection:focus, .react-flow__selection:focus-visible {
  outline: none;
}
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
  border: none;
  background: #fefefe;
  border-bottom: 1px solid #eee;
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 5px;
}
.react-flow__controls-button:hover {
  background: #f4f4f4;
}
.react-flow__controls-button svg {
  width: 100%;
  max-width: 12px;
  max-height: 12px;
}
.react-flow__controls-button:disabled {
  pointer-events: none;
}
.react-flow__controls-button:disabled svg {
  fill-opacity: 0.4;
}
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left, .react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top, .react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left, .react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left, .react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left, .react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top, .react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
:root {
  --global-nav-height: 48px;
  --font-sans: var(--font-sans), "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: var(--font-mono), "Space Grotesk", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --font-serif: var(--font-serif), "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-display-serif: var(--font-display-serif), "Playfair Display", "Cormorant Garamond", Georgia, serif;
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --ws-content-pt: 0.5rem;
  --ws-content-pb: 5.5rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --content-px: 1.25rem;
  --content-py: 1rem;
  --card-padding: 1.25rem;
  --section-gap: 1.5rem;
  --font-weight-thin: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.125rem;
  --text-2xl: 1.375rem;
  --text-3xl: 1.75rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.02em;
  --tracking-normal: -0.01em;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.05em;
  --leading-none: 1;
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.06), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
  --gradient-violet: linear-gradient(135deg, #c4b5fd 0%, #a78bfa 50%, #8b5cf6 100%);
  --gradient-violet-soft: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 50%, #c4b5fd 100%);
  --gradient-violet-glow: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.15) 0%, transparent 70%);
  --gradient-cyan: linear-gradient(135deg, #67e8f9 0%, #22d3ee 50%, #06b6d4 100%);
  --gradient-cyan-soft: linear-gradient(135deg, #cffafe 0%, #a5f3fc 50%, #67e8f9 100%);
  --gradient-cyan-glow: radial-gradient(ellipse at center, rgba(6, 182, 212, 0.15) 0%, transparent 70%);
  --gradient-emerald: linear-gradient(135deg, #6ee7b7 0%, #34d399 50%, #10b981 100%);
  --gradient-emerald-soft: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 50%, #6ee7b7 100%);
  --gradient-emerald-glow: radial-gradient(ellipse at center, rgba(16, 185, 129, 0.15) 0%, transparent 70%);
  --gradient-amber: linear-gradient(135deg, #fcd34d 0%, #fbbf24 50%, #f59e0b 100%);
  --gradient-amber-soft: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
  --gradient-rose: linear-gradient(135deg, #fda4af 0%, #fb7185 50%, #f43f5e 100%);
  --gradient-rose-soft: linear-gradient(135deg, #ffe4e6 0%, #fecdd3 50%, #fda4af 100%);
  --gradient-sky: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 50%, #0ea5e9 100%);
  --gradient-sky-soft: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);
  --gradient-neutral: linear-gradient(135deg, #e5e5e5 0%, #d4d4d4 50%, #a3a3a3 100%);
  --gradient-neutral-soft: linear-gradient(135deg, #fafafa 0%, #f5f5f5 50%, #e5e5e5 100%);
  --gradient-brand: linear-gradient(135deg, #c4b5fd 0%, #67e8f9 50%, #6ee7b7 100%);
  --gradient-brand-soft: linear-gradient(135deg, #ede9fe 0%, #cffafe 50%, #d1fae5 100%);
}
@media (min-width: 640px) {
  :root {
    --global-nav-height: 56px;
    --content-px: 2rem;
    --content-py: 1.5rem;
    --card-padding: 1.5rem;
    --section-gap: 2rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --ws-content-pt: 0.75rem;
    --ws-content-pb: 0.5rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --content-px: 2.5rem;
    --content-py: 1.5rem;
    --card-padding: 1.75rem;
    --section-gap: 2.5rem;
  }
}
.dark {
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.15);
}
.font-sans {
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.font-mono {
  font-family: var(--font-mono), "Space Grotesk", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}
.bg-gradient-violet {
  background: var(--gradient-violet);
}
.bg-gradient-violet-soft {
  background: var(--gradient-violet-soft);
}
.bg-gradient-cyan {
  background: var(--gradient-cyan);
}
.bg-gradient-cyan-soft {
  background: var(--gradient-cyan-soft);
}
.bg-gradient-emerald {
  background: var(--gradient-emerald);
}
.bg-gradient-emerald-soft {
  background: var(--gradient-emerald-soft);
}
.bg-gradient-amber {
  background: var(--gradient-amber);
}
.bg-gradient-amber-soft {
  background: var(--gradient-amber-soft);
}
.bg-gradient-rose {
  background: var(--gradient-rose);
}
.bg-gradient-rose-soft {
  background: var(--gradient-rose-soft);
}
.bg-gradient-sky {
  background: var(--gradient-sky);
}
.bg-gradient-sky-soft {
  background: var(--gradient-sky-soft);
}
.bg-gradient-neutral {
  background: var(--gradient-neutral);
}
.bg-gradient-neutral-soft {
  background: var(--gradient-neutral-soft);
}
.bg-gradient-brand {
  background: var(--gradient-brand);
}
.bg-gradient-brand-soft {
  background: var(--gradient-brand-soft);
}
.glow-violet {
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.2), 0 0 40px rgba(139, 92, 246, 0.1);
}
.glow-cyan {
  box-shadow: 0 0 20px rgba(6, 182, 212, 0.2), 0 0 40px rgba(6, 182, 212, 0.1);
}
.glow-emerald {
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.2), 0 0 40px rgba(16, 185, 129, 0.1);
}
.glow-amber {
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.2), 0 0 40px rgba(245, 158, 11, 0.1);
}
.glow-rose {
  box-shadow: 0 0 20px rgba(244, 63, 94, 0.2), 0 0 40px rgba(244, 63, 94, 0.1);
}
.glow-sky {
  box-shadow: 0 0 20px rgba(14, 165, 233, 0.2), 0 0 40px rgba(14, 165, 233, 0.1);
}
.text-gradient-violet {
  background: var(--gradient-violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.text-gradient-cyan {
  background: var(--gradient-cyan);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.text-gradient-emerald {
  background: var(--gradient-emerald);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.text-gradient-brand {
  background: var(--gradient-brand);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.border-gradient-violet {
  position: relative;
  border: none;
}
.border-gradient-violet::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: var(--gradient-violet);
  border-radius: inherit;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.border-gradient-cyan {
  position: relative;
  border: none;
}
.border-gradient-cyan::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: var(--gradient-cyan);
  border-radius: inherit;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.border-gradient-emerald {
  position: relative;
  border: none;
}
.border-gradient-emerald::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: var(--gradient-emerald);
  border-radius: inherit;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.highlight-pill {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.dark .highlight-pill {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(6, 182, 212, 0.15) 100%);
  border: 1px solid rgba(139, 92, 246, 0.25);
}
@keyframes gradient-shift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.animate-gradient {
  background-size: 200% 200%;
  animation: gradient-shift 3s ease infinite;
}
@keyframes gradient-title-shift {
  0% {
    background-position: 0% 50%;
  }
  16.67% {
    background-position: 20% 50%;
  }
  33.33% {
    background-position: 40% 50%;
  }
  50% {
    background-position: 60% 50%;
  }
  66.67% {
    background-position: 80% 50%;
  }
  83.33% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.animate-gradient-shift {
  animation: gradient-title-shift 8s linear infinite;
}
:root {
  --color-navy: oklch(0.30 0.05 255);
  --color-navy-deep: oklch(0.25 0.04 255);
  --color-teal: oklch(0.72 0.15 230);
  --color-teal-dim: oklch(0.72 0.15 230 / 15%);
  --color-teal-glow: oklch(0.72 0.15 230 / 30%);
  --color-slate-label: oklch(0.65 0.02 255);
  --nstack-accent: #0077b6;
  --nstack-accent-foreground: #ffffff;
  --nstack-heading: #0f172a;
  --nstack-body: #64748b;
  --nstack-border: #e2e8f0;
  --nstack-card: #ffffff;
  --nstack-card-subtle: rgba(0, 0, 0, 0.02);
  --nstack-bg: #f8fafc;
}
.dark {
  --nstack-accent: #38bdf8;
  --nstack-accent-foreground: #ffffff;
  --nstack-heading: #e5e7eb;
  --nstack-body: #888888;
  --nstack-border: #333333;
  --nstack-card: #1f1f1f;
  --nstack-card-subtle: rgba(255, 255, 255, 0.02);
  --nstack-bg: #111111;
}
.frost {
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  background-color: rgba(255, 255, 255, 0.72);
}
.dark .frost {
  background-color: rgba(17, 17, 17, 0.75);
}
.frost-light {
  backdrop-filter: blur(8px) saturate(1.15);
  -webkit-backdrop-filter: blur(8px) saturate(1.15);
  background-color: rgba(255, 255, 255, 0.6);
}
.dark .frost-light {
  background-color: rgba(17, 17, 17, 0.65);
}
.text-gradient {
  background: linear-gradient(135deg, #0077b6, #0077b6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark .text-gradient {
  background: linear-gradient(135deg, #e5e7eb, #38bdf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.gradient-text-animated {
  background: linear-gradient(90deg, #38bdf8, #0ea5e9, #0077b6, #0ea5e9, #7dd3fc, #38bdf8);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: nstack-gradient-shift 12s ease-in-out infinite;
}
@keyframes nstack-gradient-shift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.glow-teal {
  box-shadow: 0 0 30px oklch(0.72 0.15 230 / 15%),
              0 0 60px oklch(0.72 0.15 230 / 5%);
}
.border-glow {
  border: 1px solid var(--nstack-border);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.border-glow:hover {
  border-color: oklch(0.72 0.15 230 / 40%);
  box-shadow: 0 0 20px oklch(0.72 0.15 230 / 10%);
}
.bg-radial-spotlight {
  background: radial-gradient(ellipse at 50% 0%, var(--color-teal-dim) 0%, transparent 60%);
}
.font-display {
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.mono-label {
  font-family: var(--font-mono), "Space Grotesk", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--nstack-accent);
}
.section-divider {
  height: 1px;
  background: linear-gradient(to right, transparent, var(--nstack-border), transparent);
}
@keyframes ws-fade-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ws-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ws-scale-in {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes ws-fade-down {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ws-rail-grow {
  from {
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes ws-axis-draw {
  from {
    transform: scaleX(0);
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes ws-marker-pop {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.18);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes ws-marker-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.4;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.6);
    opacity: 0;
  }
}
@keyframes ws-bar-fill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes ws-heat-flash {
  0% {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0);
  }
  40% {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.32);
  }
  100% {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ws-path-draw {
  from {
    stroke-dashoffset: var(--ws-path-length, 200);
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes ws-rank-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--ws-rank-pulse-color, var(--ws-accent));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--ws-rank-pulse-color, var(--ws-accent)) 40%, transparent);
    }
  }
  50% {
    box-shadow: 0 0 0 5px var(--ws-rank-pulse-color, var(--ws-accent));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 5px color-mix(in srgb, var(--ws-rank-pulse-color, var(--ws-accent)) 0%, transparent);
    }
  }
}
.ws-animate-fade-up {
  animation: ws-fade-up 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ws-animate-fade-up-slow {
  animation: ws-fade-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ws-animate-fade-in {
  animation: ws-fade-in 0.36s ease both;
}
.ws-animate-scale-in {
  animation: ws-scale-in 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ws-animate-fade-down {
  animation: ws-fade-down 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ws-stagger > * {
  animation: ws-fade-up 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ws-stagger > *:nth-child(1) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 0);
}
.ws-stagger > *:nth-child(2) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 1);
}
.ws-stagger > *:nth-child(3) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 2);
}
.ws-stagger > *:nth-child(4) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 3);
}
.ws-stagger > *:nth-child(5) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 4);
}
.ws-stagger > *:nth-child(6) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 5);
}
.ws-stagger > *:nth-child(7) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 6);
}
.ws-stagger > *:nth-child(8) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 7);
}
.ws-stagger > *:nth-child(9) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 8);
}
.ws-stagger > *:nth-child(10) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 9);
}
.ws-stagger > *:nth-child(11) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 10);
}
.ws-stagger > *:nth-child(12) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 11);
}
.ws-stagger > *:nth-child(n+13) {
  animation-delay: calc(var(--ws-stagger-step, 40ms) * 12);
}
.ws-reveal [data-reveal] {
  animation: ws-fade-up 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ws-card-lift {
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 220ms ease;
  will-change: transform;
}
.ws-card-lift:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px -14px rgba(10, 22, 40, 0.18);
}
.ws-press {
  transition: transform 120ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ws-press:active {
  transform: scale(0.97);
}
@media (prefers-reduced-motion: reduce) {
  .ws-animate-fade-up,
  .ws-animate-fade-up-slow,
  .ws-animate-fade-in,
  .ws-animate-scale-in,
  .ws-animate-fade-down,
  .ws-stagger > *,
  .ws-reveal [data-reveal],
  [data-ws-bar-fill],
  [data-ws-heat-flash],
  [data-ws-path-draw] {
    animation: none !important;
  }
  [data-ws-bar-fill] {
    transform: scaleX(1) !important;
  }
  [data-ws-path-draw] {
    stroke-dashoffset: 0 !important;
  }
  .ws-card-lift,
  .ws-press {
    transition: none !important;
  }
  .ws-card-lift:hover {
    transform: none !important;
  }
}
@keyframes mono-label-in {
  0% {
    opacity: 0;
    letter-spacing: 0.25em;
    transform: translateX(-8px);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    letter-spacing: 0.1em;
    transform: translateX(0);
  }
}
@keyframes accent-line-draw {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes heading-fade-up {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes subtitle-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animate-mono-label {
  animation: mono-label-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.animate-accent-line {
  transform-origin: left;
  animation: accent-line-draw 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
}
.animate-heading {
  animation: heading-fade-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
}
.animate-subtitle {
  animation: subtitle-fade 0.5s ease 0.4s both;
}
.surface-glass {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.shimmer {
  position: relative;
  overflow: hidden;
}
.shimmer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.1) 50%,
    transparent 100%
  );
  transform: translateX(-100%);
  animation: shimmer 2s ease-in-out infinite;
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.dark .shimmer::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.05) 50%,
    transparent 100%
  );
}
.gradient-underline {
  position: relative;
}
.gradient-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, #c4b5fd, #67e8f9, #6ee7b7);
  border-radius: 1px;
  opacity: 0;
  transform: scaleX(0.5);
  transition: opacity 0.2s, transform 0.2s;
}
.gradient-underline:hover::after,
.gradient-underline.active::after {
  opacity: 1;
  transform: scaleX(1);
}
html, body {
  max-width: 100vw;
}
html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: none;
  overscroll-behavior-y: none;
  scroll-padding-top: calc(
    var(--global-nav-height, 48px)
    + var(--market-ticker-height, 0px)
    + var(--news-ticker-height, 0px)
    + var(--ws-topbar-height, 0px)
    + 10px
  );
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  overscroll-behavior: none;
  overscroll-behavior-y: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input,
textarea,
[contenteditable="true"],
[data-selectable],
.ws-numeric,
pre,
code {
  -webkit-touch-callout: default;
  -webkit-user-select: auto;
  user-select: auto;
}
@media (max-width: 640px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  textarea,
  select,
  [contenteditable="true"] {
    font-size: max(16px, 1rem);
  }
}
.touch-target-44::before {
  content: "";
  position: absolute;
  inset: 50% 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.pb-mobile-tabbar {
  padding-bottom: calc(76px + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)));
}
@media (min-width: 1024px) {
  .pb-mobile-tabbar {
    padding-bottom: 0;
  }
}
.tap-row {
  transition: transform 120ms ease, background-color 150ms ease;
}
@media (hover: none) {
  .tap-row:active {
    transform: scale(0.985);
  }
}
* {
  scrollbar-width: thin;
}
.naia-thread-scroll {
  scrollbar-width: none;
}
.naia-thread-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
@keyframes naia-stt-bar {
  0% {
    transform: scaleY(0.35);
    opacity: 0.55;
  }
  50% {
    transform: scaleY(1.0);
    opacity: 1;
  }
  100% {
    transform: scaleY(0.35);
    opacity: 0.55;
  }
}
@media (prefers-reduced-motion: reduce) {
  [class*="naia-stt-bar"] {
    animation: none !important;
    transform: scaleY(0.7) !important;
    opacity: 0.85 !important;
  }
}
@media all and (display-mode: standalone) {
  html, body {
    overscroll-behavior-y: contain;
  }
  body {
    min-height: 100dvh;
    min-height: -webkit-fill-available;
  }
}
.blur-3xl,
.blur-2xl,
.blur-xl,
.blur-lg,
.blur-md {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
@-webkit-keyframes safari-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@supports (-webkit-touch-callout: none) {
  .animate-pulse {
    -webkit-animation: safari-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: safari-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }
}
.animate-pulse {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  will-change: opacity;
  contain: layout style paint;
}
@supports (-webkit-touch-callout: none) {
  .backdrop-blur-sm {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  .backdrop-blur-md {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}
.fixed[class*="animate-"],
.absolute[class*="animate-"] {
  contain: layout style paint;
}
@media screen and (max-width: 640px) {
  input, textarea, select {
    font-size: 16px !important;
  }
}
body.overflow-hidden {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
html[data-nstack-mode="dev"] .outline-blue-500 {
  outline-color: rgb(168, 85, 247) !important;
}
html[data-nstack-mode="dev"] .dark\:outline-blue-500 {
  outline-color: rgb(196, 181, 253) !important;
}
@keyframes orb-pulse {
  0% {
    transform: scale(1);
    opacity: 0.35;
  }
  50% {
    transform: scale(1.08);
    opacity: 0.55;
  }
  100% {
    transform: scale(1);
    opacity: 0.35;
  }
}
@keyframes orb-listen {
  0% {
    transform: scale3d(1, 1, 1) translateZ(0);
    opacity: 0.45;
  }
  40% {
    transform: scale3d(1.14, 1.14, 1) translateZ(0);
    opacity: 0.75;
  }
  70% {
    transform: scale3d(1.06, 1.06, 1) translateZ(0);
    opacity: 0.6;
  }
  100% {
    transform: scale3d(1, 1, 1) translateZ(0);
    opacity: 0.45;
  }
}
@keyframes orb-drift {
  0% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    background-position: 34% 28%, 72% 62%, 50% 50%, 62% 34%;
  }
  50% {
    transform: translate3d(0, 0, 0) scale3d(1.02, 1.02, 1);
    background-position: 44% 40%, 58% 50%, 50% 50%, 54% 40%;
  }
  100% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    background-position: 34% 28%, 72% 62%, 50% 50%, 62% 34%;
  }
}
@keyframes orb-drift-listening {
  0% {
    transform: translate3d(0, 0, 0) scale3d(1.01, 1.01, 1) rotate(0deg);
    background-position: 32% 26%, 74% 64%, 50% 50%, 64% 32%;
  }
  25% {
    transform: translate3d(0.5px, -0.5px, 0) scale3d(1.03, 1.03, 1) rotate(0.8deg);
    background-position: 38% 32%, 66% 58%, 50% 50%, 58% 36%;
  }
  40% {
    transform: translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotate(-0.6deg);
    background-position: 46% 42%, 56% 48%, 50% 50%, 50% 44%;
  }
  70% {
    transform: translate3d(-0.5px, 0.75px, 0) scale3d(1.03, 1.03, 1) rotate(0.4deg);
    background-position: 40% 36%, 62% 52%, 50% 50%, 56% 38%;
  }
  100% {
    transform: translate3d(0, 0, 0) scale3d(1.01, 1.01, 1) rotate(0deg);
    background-position: 32% 26%, 74% 64%, 50% 50%, 64% 32%;
  }
}
@keyframes orb-dots {
  0%,
  100% {
    opacity: 0.55;
    transform: translateY(0);
  }
  50% {
    opacity: 0.95;
    transform: translateY(-1px);
  }
}
@keyframes gradient-x {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.animate-gradient-x {
  animation: gradient-x 3s ease infinite;
}
@keyframes naia-morph-in {
  0% {
    clip-path: inset(calc(100% - 56px) 0 0 calc(100% - 200px) round 28px);
    opacity: 0.5;
  }
  100% {
    clip-path: inset(0 0 0 0 round 16px);
    opacity: 1;
  }
}
@keyframes naia-morph-out {
  0% {
    clip-path: inset(0 0 0 0 round 16px);
    opacity: 1;
  }
  100% {
    clip-path: inset(calc(100% - 56px) 0 0 calc(100% - 200px) round 28px);
    opacity: 0;
  }
}
.naia-card-enter {
  animation: naia-morph-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  will-change: clip-path, opacity;
}
.naia-card-exit {
  animation: naia-morph-out 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  pointer-events: none;
  will-change: clip-path, opacity;
}
@keyframes naia-ring-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--naia-glow-color, transparent), var(--naia-shadow);
  }
  50% {
    box-shadow: 0 0 18px -2px var(--naia-glow-color, transparent), var(--naia-shadow);
  }
}
.naia-voice-ring-pulse {
  animation: naia-ring-pulse 2s ease-in-out infinite;
}
@keyframes ngenie-ring-pulse {
  0% {
    transform: scale3d(1, 1, 1) translateZ(0);
    opacity: 0.3;
  }
  50% {
    transform: scale3d(1.15, 1.15, 1) translateZ(0);
    opacity: 0.1;
  }
  100% {
    transform: scale3d(1.3, 1.3, 1) translateZ(0);
    opacity: 0;
  }
}
@keyframes ngenie-ring-pulse-2 {
  0% {
    transform: scale3d(1, 1, 1) translateZ(0);
    opacity: 0.25;
  }
  50% {
    transform: scale3d(1.2, 1.2, 1) translateZ(0);
    opacity: 0.08;
  }
  100% {
    transform: scale3d(1.4, 1.4, 1) translateZ(0);
    opacity: 0;
  }
}
@keyframes ngenie-ring-pulse-3 {
  0% {
    transform: scale3d(1, 1, 1) translateZ(0);
    opacity: 0.2;
  }
  50% {
    transform: scale3d(1.25, 1.25, 1) translateZ(0);
    opacity: 0.05;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1) translateZ(0);
    opacity: 0;
  }
}
@keyframes ngenie-dot-wave {
  0%, 100% {
    transform: translateY(0) scale(1);
    opacity: 0.7;
  }
  25% {
    transform: translateY(-8px) scale(1.2);
    opacity: 1;
  }
  50% {
    transform: translateY(-4px) scale(1.1);
    opacity: 0.9;
  }
  75% {
    transform: translateY(-10px) scale(1.3);
    opacity: 1;
  }
}
@keyframes ngenie-dot-idle {
  0%, 100% {
    transform: translateY(0) scale(1);
    opacity: 0.6;
  }
  50% {
    transform: translateY(-2px) scale(1.05);
    opacity: 0.85;
  }
}
@keyframes ngenie-gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.ngenie-ring {
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
}
.ngenie-ring-1 {
  animation: ngenie-ring-pulse 2s ease-out infinite;
}
.ngenie-ring-2 {
  animation: ngenie-ring-pulse-2 2s ease-out infinite;
  animation-delay: 0.3s;
}
.ngenie-ring-3 {
  animation: ngenie-ring-pulse-3 2s ease-out infinite;
  animation-delay: 0.6s;
}
button.ngenie-orb-button,
.ngenie-orb-button {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
button.ngenie-orb-button:hover,
button.ngenie-orb-button:active,
button.ngenie-orb-button:focus,
button.ngenie-orb-button:focus-visible,
button.ngenie-orb-button:focus-within,
.ngenie-orb-button:hover,
.ngenie-orb-button:active,
.ngenie-orb-button:focus,
.ngenie-orb-button:focus-visible,
.ngenie-orb-button:focus-within {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.ngenie-orb-button * {
  -webkit-tap-highlight-color: transparent !important;
}
.ngenie-orb-dot {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  border-radius: 9999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(200, 220, 255, 0.8));
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5),
    0 0 16px rgba(100, 180, 255, 0.3);
  animation: ngenie-dot-idle 2s ease-in-out infinite;
}
.ngenie-orb-dot--active {
  animation: ngenie-dot-wave 0.8s ease-in-out infinite;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(150, 200, 255, 0.9));
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.7),
    0 0 32px rgba(100, 180, 255, 0.5),
    0 0 48px rgba(100, 150, 255, 0.3);
}
.ngenie-orb-dot--dormant {
  animation: ngenie-dot-pulse 1.5s ease-in-out infinite;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(150, 220, 200, 0.8));
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.6),
    0 0 24px rgba(100, 200, 180, 0.4);
}
@keyframes ngenie-dot-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.15);
    opacity: 1;
  }
}
@keyframes nav-badge-pop {
  from {
    transform: translateY(-2px) scale(0.96);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.landing-orb {
  background-image: radial-gradient(closest-side at 35% 30%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 65%),
    radial-gradient(closest-side at 70% 60%, rgba(56, 189, 248, 0.55), rgba(56, 189, 248, 0) 70%),
    radial-gradient(circle at 50% 50%, rgba(191, 219, 254, 0.32), rgba(191, 219, 254, 0.08) 55%, rgba(255, 255, 255, 0) 70%),
    radial-gradient(closest-side at 62% 34%, rgba(167, 139, 250, 0.35), rgba(167, 139, 250, 0) 68%);
  background-repeat: no-repeat;
  background-size: 140% 140%, 160% 160%, 120% 120%, 170% 170%;
  border-radius: 9999px;
  animation: orb-drift 6.5s ease-in-out infinite;
  will-change: transform, background-position;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.landing-orb--listening {
  animation: orb-drift-listening 2.4s ease-in-out infinite;
}
.landing-orb-dot {
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.35);
  animation: orb-dots 1.6s ease-in-out infinite;
}
:root {
  --ngenie-toast-top: 120px;
  --ngenie-toast-right: 24px;
}
.ngenie-toast {
  border-radius: 9999px !important;
  border: 1px solid rgba(229, 229, 229, 1) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14) !important;
  outline: none !important;
  position: fixed !important;
  top: var(--ngenie-toast-top) !important;
  right: var(--ngenie-toast-right) !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: min(520px, calc(100vw - 24px)) !important;
  z-index: 69 !important;
}
.dark .ngenie-toast {
  border-color: rgba(38, 38, 38, 1) !important;
  background: rgba(10, 10, 10, 0.85) !important;
}
.ai-widget-container [data-side-panel-wrapper="true"] {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 420px !important;
  z-index: 50 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ai-widget-container [data-side-panel-wrapper="true"] [data-radix-popover-content] {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  transform: none !important;
  width: 420px !important;
  max-width: 420px !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  inset: 0 0 0 auto !important;
}
.ai-widget-container [data-side-panel-wrapper="true"] [data-radix-popper-content-wrapper] {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  inset: auto !important;
}
.ai-widget-container [data-radix-popover-content][data-side-panel="true"],
.ai-widget-container [data-side-panel="true"] {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  width: 420px !important;
  max-width: 420px !important;
  height: 100vh !important;
  max-height: 100vh !important;
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-neutral-200, currentcolor);
  }
}
button,
[role="button"] {
  cursor: pointer;
}
.lb-root {
  --lb-accent: var(--color-pink-600);
  font-size: 14px;
}
.lb-ai-chat {
  --lb-background: var(--color-neutral-50);
  --lb-dynamic-background: var(--color-white);
  --lb-foreground: var(--color-neutral-900);
}
.dark .lb-ai-chat {
  --lb-background: var(--color-neutral-950);
  --lb-dynamic-background: var(--color-neutral-900);
  --lb-foreground: var(--color-neutral-50);
}
.scrollbar-thin {
  scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: var(--color-neutral-300);
  border-radius: 3px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-neutral-400);
}
.dark .scrollbar-thin::-webkit-scrollbar-thumb,
.scrollbar-thumb-neutral-700::-webkit-scrollbar-thumb {
  background-color: var(--color-neutral-700);
}
.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-neutral-600);
}
.scrollbar-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-thumb-neutral-300::-webkit-scrollbar-thumb {
  background-color: var(--color-neutral-300);
}
.scrollbar-track-transparent::-webkit-scrollbar-track {
  background: transparent;
}
@keyframes ngenie-highlight-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
.ngenie-action-pill {
  min-width: 280px;
  max-width: 380px;
}
@keyframes ngenie-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.ngenie-shimmer {
  position: relative;
  overflow: hidden;
}
.ngenie-shimmer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 100%
  );
  animation: ngenie-shimmer 1.5s infinite;
}
@keyframes ngenie-ripple {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.ngenie-ripple {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(56, 189, 248, 0.4) 0%,
    rgba(99, 102, 241, 0.2) 50%,
    transparent 100%
  );
  animation: ngenie-ripple 0.8s ease-out forwards;
}
@keyframes ngenie-success-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.5);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(52, 211, 153, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0);
  }
}
.ngenie-success {
  animation: ngenie-success-pulse 0.6s ease-out;
}
@keyframes sidebar-flow {
  0% {
    transform: translateY(-75%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes sidebar-shimmer {
  0% {
    transform: translateY(0%);
    opacity: 0.5;
  }
  50% {
    transform: translateY(-66%);
    opacity: 0.9;
  }
  100% {
    transform: translateY(0%);
    opacity: 0.5;
  }
}
@keyframes sidebar-pulse {
  0%, 100% {
    opacity: 0.4;
    transform: translateY(-25%) scaleY(0.9);
  }
  50% {
    opacity: 0.8;
    transform: translateY(-75%) scaleY(1.1);
  }
}
@keyframes sidebar-drift {
  0% {
    transform: translateY(-30%);
    opacity: 0.6;
  }
  33% {
    transform: translateY(-60%);
    opacity: 0.9;
  }
  66% {
    transform: translateY(-40%);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-30%);
    opacity: 0.6;
  }
}
.monaco-editor .suggest-widget,
.monaco-editor .monaco-hover {
  z-index: 10000 !important;
}
@keyframes naia-thinking-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes naia-thinking-pulse {
  0%, 100% {
    opacity: 0.7;
    transform: scaleX(0.92);
  }
  50% {
    opacity: 1;
    transform: scaleX(1);
  }
}
.naia-thinking-bar {
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #38bdf8 15%,
    #818cf8 30%,
    #a78bfa 45%,
    #f472b6 60%,
    #fb923c 75%,
    #34d399 90%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: naia-thinking-shimmer 2s linear infinite, naia-thinking-pulse 3s ease-in-out infinite;
}
@keyframes naia-cursor-blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0.3;
  }
}
.naia-stream-cursor {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 2px;
  border-radius: 1px;
  background: linear-gradient(180deg, #818cf8, #38bdf8, #34d399);
  animation: naia-cursor-blink 1s ease-in-out infinite;
  vertical-align: text-bottom;
}
@keyframes naia-orb-drift-a {
  0% {
    transform: translate(0%, 0%) rotate(0deg) scale(1);
  }
  25% {
    transform: translate(12%, -8%) rotate(45deg) scale(1.1);
  }
  50% {
    transform: translate(-5%, 14%) rotate(120deg) scale(0.95);
  }
  75% {
    transform: translate(-10%, -6%) rotate(200deg) scale(1.05);
  }
  100% {
    transform: translate(0%, 0%) rotate(360deg) scale(1);
  }
}
@keyframes naia-orb-drift-b {
  0% {
    transform: translate(0%, 0%) rotate(0deg) scale(1.05);
  }
  30% {
    transform: translate(-14%, 10%) rotate(-60deg) scale(0.92);
  }
  60% {
    transform: translate(8%, -12%) rotate(-150deg) scale(1.08);
  }
  100% {
    transform: translate(0%, 0%) rotate(-360deg) scale(1.05);
  }
}
@keyframes naia-orb-drift-c {
  0% {
    transform: translate(6%, 4%) rotate(30deg) scale(1);
  }
  35% {
    transform: translate(-8%, -10%) rotate(100deg) scale(1.12);
  }
  65% {
    transform: translate(10%, 8%) rotate(210deg) scale(0.9);
  }
  100% {
    transform: translate(6%, 4%) rotate(390deg) scale(1);
  }
}
@keyframes naia-orb-hue-wander {
  0% {
    filter: hue-rotate(0deg) saturate(1);
  }
  33% {
    filter: hue-rotate(15deg) saturate(1.15);
  }
  66% {
    filter: hue-rotate(-10deg) saturate(0.95);
  }
  100% {
    filter: hue-rotate(0deg) saturate(1);
  }
}
@keyframes naia-orb-breathe {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}
.naia-rainbow-orb {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  animation: naia-orb-hue-wander 8s ease-in-out infinite;
}
.naia-rainbow-orb::before {
  content: "";
  position: absolute;
  inset: -40%;
  border-radius: 50%;
  background: radial-gradient(ellipse 70% 60% at 30% 35%,
      rgba(56, 189, 248, 0.9) 0%,
      rgba(129, 140, 248, 0.6) 35%,
      transparent 70%),
    radial-gradient(ellipse 65% 75% at 70% 65%,
      rgba(244, 114, 182, 0.85) 0%,
      rgba(251, 146, 60, 0.5) 40%,
      transparent 70%),
    radial-gradient(ellipse 60% 55% at 50% 30%,
      rgba(52, 211, 153, 0.8) 0%,
      rgba(167, 139, 250, 0.45) 35%,
      transparent 65%);
  animation: naia-orb-drift-a 7s ease-in-out infinite;
  z-index: 0;
  mix-blend-mode: normal;
}
.naia-rainbow-orb .naia-orb-layer-b {
  position: absolute;
  inset: -35%;
  border-radius: 50%;
  background: radial-gradient(ellipse 55% 70% at 65% 40%,
      rgba(251, 191, 36, 0.8) 0%,
      rgba(244, 114, 182, 0.5) 40%,
      transparent 70%),
    radial-gradient(ellipse 70% 50% at 35% 70%,
      rgba(129, 140, 248, 0.75) 0%,
      rgba(56, 189, 248, 0.4) 35%,
      transparent 65%);
  animation: naia-orb-drift-b 9s ease-in-out infinite;
  z-index: 0;
  opacity: 0.8;
}
.naia-rainbow-orb .naia-orb-layer-c {
  position: absolute;
  inset: -30%;
  border-radius: 50%;
  background: radial-gradient(ellipse 50% 65% at 45% 55%,
      rgba(167, 139, 250, 0.7) 0%,
      rgba(52, 211, 153, 0.4) 40%,
      transparent 65%),
    radial-gradient(ellipse 60% 45% at 60% 30%,
      rgba(56, 189, 248, 0.6) 0%,
      rgba(251, 146, 60, 0.3) 35%,
      transparent 60%);
  animation: naia-orb-drift-c 11s ease-in-out infinite;
  z-index: 0;
  opacity: 0.7;
}
.naia-rainbow-orb::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 38%,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(245, 245, 255, 0.82) 40%,
    rgba(230, 235, 250, 0.65) 70%,
    rgba(210, 220, 245, 0.45) 100%
  );
  z-index: 1;
}
:is(.dark) .naia-rainbow-orb::after {
  background: radial-gradient(circle at 40% 38%,
    rgba(28, 28, 42, 0.92) 0%,
    rgba(22, 22, 38, 0.82) 40%,
    rgba(18, 18, 34, 0.65) 70%,
    rgba(14, 14, 28, 0.45) 100%
  );
}
.naia-rainbow-orb--active::before {
  animation: naia-orb-drift-a 3.5s ease-in-out infinite;
  filter: brightness(1.2) saturate(1.3);
}
.naia-rainbow-orb--active .naia-orb-layer-b {
  animation: naia-orb-drift-b 4s ease-in-out infinite;
  opacity: 0.95;
}
.naia-rainbow-orb--active .naia-orb-layer-c {
  animation: naia-orb-drift-c 5s ease-in-out infinite;
  opacity: 0.85;
}
.naia-rainbow-orb--active::after {
  background: radial-gradient(circle at 40% 38%,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(245, 245, 255, 0.7) 40%,
    rgba(230, 235, 250, 0.5) 70%,
    rgba(210, 220, 245, 0.3) 100%
  );
}
:is(.dark) .naia-rainbow-orb--active::after {
  background: radial-gradient(circle at 40% 38%,
    rgba(28, 28, 42, 0.85) 0%,
    rgba(22, 22, 38, 0.7) 40%,
    rgba(18, 18, 34, 0.5) 70%,
    rgba(14, 14, 28, 0.3) 100%
  );
}
.naia-rainbow-orb--thinking {
  animation: naia-orb-breathe 2.5s ease-in-out infinite, naia-orb-hue-wander 5s ease-in-out infinite;
}
.naia-rainbow-orb--thinking::before {
  animation: naia-orb-drift-a 4.5s ease-in-out infinite;
  filter: brightness(1.1);
}
.naia-rainbow-orb--thinking .naia-orb-layer-b {
  animation: naia-orb-drift-b 5.5s ease-in-out infinite;
}
.naia-rainbow-orb--thinking .naia-orb-layer-c {
  animation: naia-orb-drift-c 6.5s ease-in-out infinite;
}
@keyframes naia-glow-sweep {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}
@keyframes naia-rainbow-spin {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(360deg);
  }
}
@keyframes naia-border-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(calc(-1 * var(--ticker-scroll-gap, 0px)));
  }
  55% {
    transform: translateX(calc(-1 * var(--ticker-scroll-gap, 0px)));
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ticker-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .animate-\[ticker-fade-in_400ms_ease-out_both\] {
    animation: none !important;
  }
}
@keyframes homev2-conv-enter {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes naia-glow-breathe {
  0%, 100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.01);
  }
}
@keyframes naia-border-shift {
  0% {
    border-color: rgba(56, 189, 248, 0.4);
  }
  33% {
    border-color: rgba(139, 92, 246, 0.4);
  }
  66% {
    border-color: rgba(16, 185, 129, 0.35);
  }
  100% {
    border-color: rgba(56, 189, 248, 0.4);
  }
}
.naia-listening {
  position: relative;
  isolation: isolate;
  border-color: rgba(56, 189, 248, 0.4) !important;
  animation: naia-border-shift 6s ease-in-out infinite;
}
.naia-listening::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.12), rgba(139, 92, 246, 0.08), rgba(16, 185, 129, 0.06));
  animation: naia-glow-breathe 3s ease-in-out infinite;
  filter: blur(6px);
  z-index: -1;
  pointer-events: none;
}
body[data-immersive="true"] > div > header,
body[data-immersive="true"] > div > div > header,
body[data-immersive="true"] header[class*="sticky"],
body[data-immersive="true"] aside,
body[data-immersive="true"] nav[data-app-sidebar="true"],
body[data-immersive="true"] [data-ngenie-anchor],
body[data-immersive="true"] [data-naia-chrome],
body[data-immersive="true"] [data-mobile-tabbar],
body[data-immersive="true"] [data-mobile-breadcrumb] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.native-shell {
  --safe-area-top: var(--sat, env(safe-area-inset-top, 0px));
  --safe-area-bottom: var(--sab, env(safe-area-inset-bottom, 0px));
  --safe-area-left: var(--sal, env(safe-area-inset-left, 0px));
  --safe-area-right: var(--sar, env(safe-area-inset-right, 0px));
}
html.native-shell header.sticky {
  display: none !important;
}
html.native-shell nav[data-app-sidebar="true"] {
  display: none !important;
}
html.native-shell [data-naia-chrome="true"],
html.native-shell [data-ngenie-anchor] {
  display: none !important;
}
html.native-shell .lg\:pl-\[100px\] {
  padding-left: 0 !important;
}
html.native-shell [data-wealthstack-content] {
  padding-top: var(--safe-area-top) !important;
}
html.native-shell nav[data-mobile-tabbar="true"] {
  padding-bottom: var(--safe-area-bottom) !important;
}
html.native-shell .sticky.top-0 {
  top: var(--safe-area-top) !important;
}
.ticker-initials-plate {
  background: hsl(var(--ticker-hue, 210), 55%, 92%);
}
.ticker-initials-text {
  color: hsl(var(--ticker-hue, 210), 50%, 38%);
}
:is(.dark) .ticker-initials-plate {
  background: hsl(var(--ticker-hue, 210), 40%, 18%);
}
:is(.dark) .ticker-initials-text {
  color: hsl(var(--ticker-hue, 210), 45%, 65%);
}
html.native-shell canvas.fixed {
  display: none !important;
}
.nstack-card {
  background: rgba(255, 255, 255, 0.80) !important;
  backdrop-filter: blur(16px) saturate(1.6);
  -webkit-backdrop-filter: blur(16px) saturate(1.6);
  border: 1px solid rgba(200, 200, 210, 0.25) !important;
  border-color: rgba(200, 200, 210, 0.25) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 2px 8px rgba(0, 0, 0, 0.02);
  isolation: isolate;
  transform: translateZ(0);
}
:is(.dark) .nstack-card {
  background: rgba(30, 30, 42, 0.55) !important;
  backdrop-filter: blur(16px) saturate(1.4);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
}
.nstack-card-elevated {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(24px) saturate(1.8);
  -webkit-backdrop-filter: blur(24px) saturate(1.8);
  border: 1px solid rgba(200, 200, 210, 0.25) !important;
  border-color: rgba(200, 200, 210, 0.25) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.04);
  isolation: isolate;
  transform: translateZ(0);
}
:is(.dark) .nstack-card-elevated {
  background: rgba(30, 30, 42, 0.7) !important;
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(0, 0, 0, 0.1);
}
.nstack-card-subtle {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(200, 200, 210, 0.2) !important;
  border-color: rgba(200, 200, 210, 0.2) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
  isolation: isolate;
  transform: translateZ(0);
}
:is(.dark) .nstack-card-subtle {
  background: rgba(30, 30, 42, 0.35) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.nstack-card-solid {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.50);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.02);
}
:is(.dark) .nstack-card-solid {
  background: rgba(22, 22, 32, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.1);
}
.nstack-panel {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}
:is(.dark) .nstack-panel {
  background: rgba(14, 14, 22, 0.85);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
.nstack-modal {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 32px 80px rgba(0, 0, 0, 0.08);
}
:is(.dark) .nstack-modal {
  background: rgb(22, 22, 32);
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 32px 80px rgba(0, 0, 0, 0.3);
}
:root {
  --ws-bg: #ffffff;
  --ws-bg-warm: #faf8f5;
  --ws-bg-alt: #f5f3ef;
  --ws-bg-card: #ffffff;
  --ws-bg-card-alt: #f0ede6;
  --ws-bg-icon: rgba(10, 22, 40, 0.05);
  --ws-stat-bg: #f5f3ef;
  --ws-atlas-bg: #f6efe1;
  --ws-text: #0a1628;
  --ws-text-muted: rgba(10, 22, 40, 0.62);
  --ws-text-subtle: rgba(10, 22, 40, 0.42);
  --ws-text-faint: rgba(10, 22, 40, 0.15);
  --ws-border: rgba(10, 22, 40, 0.08);
  --ws-border-hover: rgba(10, 22, 40, 0.18);
  --ws-divider-line: rgba(10, 22, 40, 0.05);
  --ws-accent: #c9a96e;
  --ws-accent-hover: #d4b87d;
  --ws-accent-soft: rgba(201, 169, 110, 0.12);
  --ws-accent-glow: rgba(201, 169, 110, 0.25);
  --ws-accent-ink: #060e1a;
  --ws-positive: #2d8a5a;
  --ws-positive-soft: rgba(45, 138, 90, 0.10);
  --ws-positive-ink: #1d5d3d;
  --ws-negative: #b2413a;
  --ws-negative-soft: rgba(178, 65, 58, 0.10);
  --ws-negative-ink: #7a2a25;
  --ws-warn: #b9852b;
  --ws-warn-soft: rgba(185, 133, 43, 0.10);
  --ws-warn-ink: #7a5818;
  --ws-info: #2e6a94;
  --ws-info-soft: rgba(46, 106, 148, 0.10);
  --ws-info-ink: #1d4566;
  --ws-gold-gradient: linear-gradient(135deg, #c9a96e 0%, #e0c68a 50%, #c9a96e 100%);
  --ws-divider: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.32), transparent);
  --ws-ambient: radial-gradient(120% 60% at 50% -10%, rgba(224, 198, 138, 0.12) 0%, transparent 60%),
                       radial-gradient(80% 50% at 90% 10%, rgba(201, 169, 110, 0.08) 0%, transparent 65%),
                       radial-gradient(100% 60% at 0% 40%, rgba(240, 227, 199, 0.10) 0%, transparent 60%);
}
.dark {
  --ws-bg: #060e1a;
  --ws-bg-warm: #060e1a;
  --ws-bg-alt: #091526;
  --ws-bg-card: #0a1829;
  --ws-bg-card-alt: #0e1e34;
  --ws-bg-icon: rgba(201, 169, 110, 0.15);
  --ws-stat-bg: #091526;
  --ws-atlas-bg: #070d1a;
  --ws-text: #f0ece4;
  --ws-text-muted: rgba(240, 236, 228, 0.66);
  --ws-text-subtle: rgba(240, 236, 228, 0.42);
  --ws-text-faint: rgba(240, 236, 228, 0.14);
  --ws-border: rgba(201, 169, 110, 0.14);
  --ws-border-hover: rgba(201, 169, 110, 0.34);
  --ws-divider-line: rgba(201, 169, 110, 0.08);
  --ws-accent: #c9a96e;
  --ws-accent-hover: #d4b87d;
  --ws-accent-soft: rgba(201, 169, 110, 0.10);
  --ws-accent-glow: rgba(201, 169, 110, 0.35);
  --ws-accent-ink: #060e1a;
  --ws-positive: #5eb886;
  --ws-positive-soft: rgba(94, 184, 134, 0.12);
  --ws-positive-ink: #5eb886;
  --ws-negative: #e07a73;
  --ws-negative-soft: rgba(224, 122, 115, 0.12);
  --ws-negative-ink: #e07a73;
  --ws-warn: #e0b259;
  --ws-warn-soft: rgba(224, 178, 89, 0.12);
  --ws-warn-ink: #e0b259;
  --ws-info: #6fa3c7;
  --ws-info-soft: rgba(111, 163, 199, 0.12);
  --ws-info-ink: #6fa3c7;
  --ws-gold-gradient: linear-gradient(135deg, #c9a96e 0%, #e0c68a 50%, #c9a96e 100%);
  --ws-divider: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.32), transparent);
  --ws-ambient: radial-gradient(120% 60% at 50% -10%, rgba(201, 169, 110, 0.10) 0%, transparent 60%),
                       radial-gradient(80% 50% at 85% 0%, rgba(201, 169, 110, 0.07) 0%, transparent 65%),
                       radial-gradient(100% 70% at 5% 100%, rgba(10, 24, 41, 0.6) 0%, transparent 70%);
}
.dark .dark\:bg-neutral-950,
.dark .dark\:bg-black {
  background-color: var(--ws-bg-card);
}
.dark .dark\:bg-neutral-900 {
  background-color: var(--ws-bg-card-alt);
}
.dark .dark\:bg-neutral-950\/40 {
  background-color: rgb(10 24 41 / 0.40);
}
.dark .dark\:bg-neutral-950\/60 {
  background-color: rgb(10 24 41 / 0.60);
}
.dark .dark\:bg-neutral-950\/70 {
  background-color: rgb(10 24 41 / 0.70);
}
.dark .dark\:bg-neutral-950\/80 {
  background-color: rgb(10 24 41 / 0.80);
}
.dark .dark\:bg-neutral-950\/90 {
  background-color: rgb(10 24 41 / 0.90);
}
.dark .dark\:bg-neutral-950\/95 {
  background-color: rgb(10 24 41 / 0.95);
}
.dark .dark\:bg-neutral-900\/40 {
  background-color: rgb(14 30 52 / 0.40);
}
.dark .dark\:bg-neutral-900\/60 {
  background-color: rgb(14 30 52 / 0.60);
}
.dark .dark\:bg-neutral-900\/70 {
  background-color: rgb(14 30 52 / 0.70);
}
.dark .dark\:bg-black\/20 {
  background-color: rgb(6 14 26 / 0.40);
}
.dark .dark\:bg-black\/30 {
  background-color: rgb(6 14 26 / 0.50);
}
.dark .dark\:bg-black\/40 {
  background-color: rgb(6 14 26 / 0.60);
}
[data-ws-theme="on"] {
  --nstack-accent: var(--ws-accent);
  --nstack-accent-foreground: var(--ws-accent-ink);
  color: var(--ws-text);
}
[data-ws-theme="on"] .font-display {
  font-family: var(--font-display-serif), "Playfair Display", "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.ws-numeric {
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "ss01" 1, "cv11" 1;
  letter-spacing: -0.015em;
}
[data-ws-theme="on"] .font-display.tabular-nums {
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, sans-serif;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "ss01" 1, "cv11" 1;
  letter-spacing: -0.02em;
}
[data-ws-theme="on"] .font-display.tabular-nums.text-2xl,
[data-ws-theme="on"] .font-display.tabular-nums.text-3xl,
[data-ws-theme="on"] .font-display.tabular-nums.text-4xl {
  letter-spacing: -0.025em;
}
.ws-app-ambient {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--ws-ambient),
    linear-gradient(180deg, var(--ws-bg-warm) 0%, var(--ws-bg-alt) 100%);
}
html:has([data-ws-theme="on"]) body {
  background-color: var(--ws-bg-warm);
}
.ws-panel-ambient {
  background: var(--ws-ambient),
    linear-gradient(180deg, var(--ws-bg-warm) 0%, var(--ws-bg-alt) 100%);
  background-attachment: fixed, fixed;
}
.ws-label {
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ws-accent);
  line-height: 1;
}
.ws-divider {
  height: 1px;
  background: var(--ws-divider);
  border: 0;
}
.ws-label-rule {
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(to right, var(--ws-accent) 0%, var(--ws-accent) 30%, transparent 100%);
  opacity: 0.7;
}
.ws-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--ws-accent-ink);
  background-color: var(--ws-accent);
  border: 1px solid var(--ws-accent);
  border-radius: 0.5rem;
  transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.ws-cta:hover {
  background-color: var(--ws-accent-hover);
  border-color: var(--ws-accent-hover);
}
.ws-cta:focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}
.ws-cta:disabled, .ws-cta[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ws-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ws-text-muted);
  background: transparent;
  border: 1px solid var(--ws-border);
  border-radius: 0.5rem;
  transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;
  cursor: pointer;
  text-decoration: none;
}
.ws-ghost:hover {
  color: var(--ws-text);
  border-color: var(--ws-border-hover);
  background: var(--ws-accent-soft);
}
.ws-card {
  background: var(--ws-bg-card);
  border: 1px solid var(--ws-border);
  border-radius: 1rem;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.ws-card:hover {
  border-color: var(--ws-border-hover);
}
.ws-accent-rail {
  position: relative;
}
.ws-accent-rail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8%;
  bottom: 8%;
  width: 3px;
  border-radius: 999px;
  background: var(--ws-accent);
}
.ws-chrome {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  border-bottom: 0;
}
.ws-chrome::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--ws-border) 18%,
    var(--ws-border) 82%,
    transparent 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(
    to right,
    transparent 0%,
    color-mix(in srgb, var(--ws-border) 90%, transparent) 18%,
    color-mix(in srgb, var(--ws-border) 90%, transparent) 82%,
    transparent 100%
  );
  }
  opacity: 0.55;
  pointer-events: none;
}
:is(.dark) .ws-chrome {
  background: rgba(6, 14, 26, 0.94);
}
:is(.dark) .ws-chrome::after {
  opacity: 0.7;
}
.ws-topbar {
  position: sticky;
  z-index: 45;
  background-color: var(--ws-bg-card) !important;
  border-bottom: 1px solid var(--ws-border);
  box-shadow: 0 6px 14px -6px rgba(10, 22, 40, 0.22);
}
:is(.dark) .ws-topbar {
  background-color: var(--ws-bg-card) !important;
  box-shadow: 0 6px 18px -6px rgba(0, 0, 0, 0.6);
}
@keyframes ws-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes ws-pulse {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
.ws-skeleton {
  position: relative;
  display: inline-block;
  background: linear-gradient(
      90deg,
      rgba(10, 22, 40, 0.04) 0%,
      rgba(201, 169, 110, 0.14) 50%,
      rgba(10, 22, 40, 0.04) 100%
    );
  background-size: 200% 100%;
  animation: ws-shimmer 2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  border-radius: 6px;
  will-change: background-position;
}
:is(.dark) .ws-skeleton {
  background: linear-gradient(
      90deg,
      rgba(240, 236, 228, 0.04) 0%,
      rgba(201, 169, 110, 0.20) 50%,
      rgba(240, 236, 228, 0.04) 100%
    );
  background-size: 200% 100%;
}
@media (prefers-reduced-motion: reduce) {
  .ws-skeleton {
    animation: ws-pulse 2.4s ease-in-out infinite;
    background: var(--ws-accent-soft);
  }
}
.ws-skeleton-pulse {
  animation: ws-pulse 1.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}
@keyframes ws-row-enter {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.ws-row-enter {
  animation: ws-row-enter 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes brief-eq-bar {
  0%, 100% {
    transform: scaleY(0.32);
  }
  50% {
    transform: scaleY(1);
  }
}
.brief-eq-bar {
  display: inline-block;
  width: 2px;
  height: 10px;
  background: var(--ws-accent);
  border-radius: 1px;
  transform-origin: bottom;
  animation: brief-eq-bar 900ms cubic-bezier(0.45, 0, 0.55, 1) infinite;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .brief-eq-bar {
    animation: none;
    transform: scaleY(1);
    height: 4px;
    width: 4px;
    border-radius: 50%;
    opacity: 0.7;
  }
}
@keyframes brief-loading-dot {
  0%, 100% {
    opacity: 0.35;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.45);
  }
}
.brief-loading-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  background: var(--ws-accent);
  animation: brief-loading-dot 900ms ease-in-out infinite;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .brief-loading-dot {
    animation: none;
    opacity: 0.6;
    transform: none;
  }
}
@keyframes thinking-dot {
  0%, 80%, 100% {
    transform: scale(0.7);
    opacity: 0.55;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.naia-mobile-grab {
  cursor: grab;
  touch-action: none;
}
.naia-mobile-grab:active {
  cursor: grabbing;
}
@media (prefers-reduced-motion: reduce) {
  .naia-mobile-grab {
    cursor: default;
    touch-action: auto;
  }
}
.ws-chat-user-bubble {
  background: linear-gradient(
      135deg,
      rgba(201, 169, 110, 0.18) 0%,
      rgba(201, 169, 110, 0.10) 60%,
      rgba(240, 227, 199, 0.12) 100%
    ),
    var(--ws-bg-card);
  color: var(--ws-text);
  border: 1px solid var(--ws-border);
  box-shadow: 0 1px 2px rgba(10, 22, 40, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
:is(.dark) .ws-chat-user-bubble {
  background: linear-gradient(
      135deg,
      rgba(201, 169, 110, 0.22) 0%,
      rgba(10, 24, 41, 0.95) 55%,
      rgba(10, 24, 41, 0.98) 100%
    );
  color: var(--ws-text);
  border: 1px solid rgba(201, 169, 110, 0.24);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(201, 169, 110, 0.18);
}
.ws-positive {
  color: var(--ws-positive);
}
.ws-positive-bg {
  background: var(--ws-positive-soft);
  color: var(--ws-positive);
}
.ws-negative {
  color: var(--ws-negative);
}
.ws-negative-bg {
  background: var(--ws-negative-soft);
  color: var(--ws-negative);
}
.ws-warn {
  color: var(--ws-warn);
}
.ws-warn-bg {
  background: var(--ws-warn-soft);
  color: var(--ws-warn);
}
.ws-info {
  color: var(--ws-info);
}
.ws-info-bg {
  background: var(--ws-info-soft);
  color: var(--ws-info);
}
.ws-surface-quiet {
  background: var(--ws-stat-bg);
  border: 1px solid var(--ws-border);
  border-radius: 0.75rem;
}
.ws-rich-text p {
  margin: 0 0 0.75rem 0;
}
.ws-rich-text p:last-child {
  margin-bottom: 0;
}
.ws-rich-text strong, .ws-rich-text b {
  font-weight: 600;
  color: var(--ws-text);
}
.ws-rich-text em, .ws-rich-text i {
  font-style: italic;
}
.ws-rich-text u {
  text-decoration: underline;
}
.ws-rich-text ul, .ws-rich-text ol {
  margin: 0 0 0.75rem 0;
  padding-left: 1.25rem;
}
.ws-rich-text ul {
  list-style: disc;
}
.ws-rich-text ol {
  list-style: decimal;
}
.ws-rich-text li {
  margin-bottom: 0.25rem;
}
.ws-rich-text li:last-child {
  margin-bottom: 0;
}
.ws-rich-text a {
  color: var(--ws-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.ws-rich-text a:hover {
  color: var(--ws-accent-hover);
}
.ws-rich-text[data-empty="true"]::before {
  content: attr(data-placeholder);
  color: var(--ws-text-subtle);
  pointer-events: none;
  display: block;
}
.ws-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0.5rem;
  border-radius: 999px;
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ws-text-muted);
  background: transparent;
  border: 1px solid var(--ws-border);
  line-height: 1;
}
.ws-pill--accent {
  color: var(--ws-accent);
  border-color: var(--ws-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-accent) 35%, transparent);
  }
  background: var(--ws-accent-soft);
}
.ws-pill--positive {
  color: var(--ws-positive);
  border-color: var(--ws-positive);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-positive) 35%, transparent);
  }
  background: var(--ws-positive-soft);
}
.ws-pill--negative {
  color: var(--ws-negative);
  border-color: var(--ws-negative);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-negative) 35%, transparent);
  }
  background: var(--ws-negative-soft);
}
.ws-pill--warn {
  color: var(--ws-warn);
  border-color: var(--ws-warn);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-warn) 35%, transparent);
  }
  background: var(--ws-warn-soft);
}
.ws-pill--info {
  color: var(--ws-info);
  border-color: var(--ws-info);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-info) 35%, transparent);
  }
  background: var(--ws-info-soft);
}
.ws-pill--neutral {
  color: var(--ws-text-muted);
  border-color: var(--ws-border);
  background: var(--ws-bg-card);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--ws-bg-card) 60%, transparent);
  }
}
.ws-table-wrap {
  position: relative;
  width: 100%;
  overflow-x: auto;
  border-radius: 1rem;
  border: 1px solid var(--ws-border);
  background: var(--ws-bg-card);
}
.ws-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: var(--font-sans), "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 0.8125rem;
  color: var(--ws-text);
}
.ws-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--ws-bg-card);
  padding: 0.75rem 1rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ws-accent);
  text-align: left;
  border-bottom: 1px solid var(--ws-border);
  white-space: nowrap;
}
.ws-table thead th.ws-num,
.ws-table td.ws-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "ss01" 1, "cv11" 1;
  letter-spacing: -0.015em;
  white-space: nowrap;
}
.ws-table tbody td {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--ws-divider-line);
  color: var(--ws-text);
}
.ws-table td.ws-muted {
  color: var(--ws-text-muted);
}
.ws-table td.ws-subtle {
  color: var(--ws-text-subtle);
}
.ws-table tbody tr:last-child td {
  border-bottom: 0;
}
.ws-table tbody:has(+ tfoot) tr:last-child td {
  border-bottom: 1px solid var(--ws-border);
}
.ws-table tfoot td {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  color: var(--ws-text);
  font-weight: 600;
}
.ws-table.ws-table--compact tfoot td {
  padding: 0.625rem 0.75rem;
  font-size: 0.75rem;
}
.ws-table tbody tr {
  transition: background-color 120ms ease;
}
.ws-table tbody tr:hover td {
  background: var(--ws-accent-soft);
}
.ws-table tbody tr.is-selected td {
  background: var(--ws-accent-soft);
  box-shadow: inset 2px 0 0 0 var(--ws-accent);
}
.ws-table.ws-table--compact thead th {
  padding: 0.5rem 0.75rem;
}
.ws-table.ws-table--compact tbody td {
  padding: 0.625rem 0.75rem;
  font-size: 0.75rem;
}
.ws-table .ws-right {
  text-align: right;
}
.ws-table .ws-center {
  text-align: center;
}
.ws-table td.ws-spark {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 96px;
}
[data-ws-theme="on"] .divide-y > :not(:last-child) {
  border-bottom-color: var(--ws-divider-line) !important;
}
[data-ws-theme="on"] .divide-x > :not(:last-child) {
  border-inline-end-color: var(--ws-divider-line) !important;
}
[data-ws-theme="on"] .divide-neutral-100 > :not(:last-child),
[data-ws-theme="on"] .divide-neutral-200 > :not(:last-child),
[data-ws-theme="on"] .divide-neutral-800 > :not(:last-child),
[data-ws-theme="on"] .divide-neutral-900 > :not(:last-child) {
  border-color: var(--ws-divider-line) !important;
}
[data-ws-theme="on"] .border,
[data-ws-theme="on"] .border-t,
[data-ws-theme="on"] .border-b,
[data-ws-theme="on"] .border-l,
[data-ws-theme="on"] .border-r,
[data-ws-theme="on"] .border-x,
[data-ws-theme="on"] .border-y {
  border-color: var(--ws-divider-line);
}
[data-ws-theme="on"] .border-neutral-100,
[data-ws-theme="on"] .border-neutral-200\/80,
[data-ws-theme="on"] .border-neutral-800,
[data-ws-theme="on"] .border-neutral-900 {
  border-color: var(--ws-divider-line);
}
[data-ws-theme="on"] table[tremor-id="tremor-raw"] {
  border-color: var(--ws-border);
}
[data-ws-theme="on"] table[tremor-id="tremor-raw"] thead {
  background: transparent;
}
[data-ws-theme="on"] table[tremor-id="tremor-raw"] thead th {
  color: var(--ws-accent) !important;
  font-weight: 600;
  font-size: 0.625rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-bottom-color: var(--ws-border);
}
@media (min-width: 640px) {
  [data-ws-theme="on"] table[tremor-id="tremor-raw"] thead th {
    font-size: 0.625rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
}
[data-ws-theme="on"] table[tremor-id="tremor-raw"] tbody tr {
  transition: background-color 140ms ease;
}
[data-ws-theme="on"] table[tremor-id="tremor-raw"] tbody tr:hover {
  background: var(--ws-accent-soft) !important;
}
[data-ws-theme="on"] table[tremor-id="tremor-raw"] tbody td {
  color: var(--ws-text);
}
[data-ws-theme="on"] table[tremor-id="tremor-raw"] tfoot {
  border-top-color: var(--ws-border);
  color: var(--ws-text);
}
[data-ws-theme="on"] td.ws-num,
[data-ws-theme="on"] th.ws-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "ss01" 1, "cv11" 1;
  letter-spacing: -0.015em;
  white-space: nowrap;
}
[data-ws-theme="on"] .naia-stream-cursor {
  background: linear-gradient(180deg, var(--ws-accent-hover), var(--ws-accent), var(--ws-accent));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(180deg, var(--ws-accent-hover), var(--ws-accent), color-mix(in srgb, var(--ws-accent) 75%, white));
  }
}
[data-ws-theme="on"] .naia-rainbow-orb::before {
  background: radial-gradient(ellipse 70% 60% at 30% 35%,
      rgba(224, 198, 138, 0.85) 0%,
      rgba(201, 169, 110, 0.55) 35%,
      transparent 70%),
    radial-gradient(ellipse 65% 75% at 70% 65%,
      rgba(245, 220, 170, 0.75) 0%,
      rgba(212, 184, 125, 0.45) 40%,
      transparent 70%),
    radial-gradient(ellipse 60% 55% at 50% 30%,
      rgba(240, 227, 199, 0.70) 0%,
      rgba(201, 169, 110, 0.40) 35%,
      transparent 65%);
}
[data-ws-theme="on"] .naia-rainbow-orb .naia-orb-layer-b {
  background: radial-gradient(ellipse 55% 70% at 65% 40%,
      rgba(224, 198, 138, 0.75) 0%,
      rgba(201, 169, 110, 0.45) 40%,
      transparent 70%),
    radial-gradient(ellipse 70% 50% at 35% 70%,
      rgba(240, 227, 199, 0.65) 0%,
      rgba(201, 169, 110, 0.35) 35%,
      transparent 65%);
}
[data-ws-theme="on"] .naia-rainbow-orb .naia-orb-layer-c {
  background: radial-gradient(ellipse 50% 65% at 45% 55%,
      rgba(245, 220, 170, 0.60) 0%,
      rgba(201, 169, 110, 0.35) 40%,
      transparent 65%),
    radial-gradient(ellipse 60% 45% at 60% 30%,
      rgba(224, 198, 138, 0.55) 0%,
      rgba(201, 169, 110, 0.30) 35%,
      transparent 60%);
}
[data-ws-theme="on"] .naia-rainbow-orb {
  animation-duration: 16s;
}
[data-ws-theme="on"] .text-violet-500,
[data-ws-theme="on"] .text-violet-600,
[data-ws-theme="on"] .text-sky-500,
[data-ws-theme="on"] .text-sky-600,
[data-ws-theme="on"] .text-cyan-500,
[data-ws-theme="on"] .text-cyan-600,
[data-ws-theme="on"] .text-fuchsia-500,
[data-ws-theme="on"] .text-fuchsia-600,
[data-ws-theme="on"] .text-indigo-500,
[data-ws-theme="on"] .text-indigo-600,
[data-ws-theme="on"] .text-purple-500,
[data-ws-theme="on"] .text-purple-600 {
  color: var(--ws-accent);
}
[data-ws-theme="on"] .hover\:text-sky-600:hover,
[data-ws-theme="on"] .hover\:text-sky-500:hover,
[data-ws-theme="on"] .hover\:text-violet-600:hover,
[data-ws-theme="on"] .hover\:text-violet-500:hover,
[data-ws-theme="on"] .hover\:text-indigo-600:hover,
[data-ws-theme="on"] .hover\:text-purple-600:hover,
[data-ws-theme="on"] .hover\:text-cyan-600:hover {
  color: var(--ws-accent);
}
:is(.dark) [data-ws-theme="on"] .dark\:hover\:text-sky-400:hover,
:is(.dark) [data-ws-theme="on"] .dark\:hover\:text-violet-400:hover,
:is(.dark) [data-ws-theme="on"] .dark\:hover\:text-indigo-400:hover,
:is(.dark) [data-ws-theme="on"] .dark\:hover\:text-purple-400:hover,
:is(.dark) [data-ws-theme="on"] .dark\:hover\:text-cyan-400:hover {
  color: var(--ws-accent-hover);
}
[data-ws-theme="on"] .hover\:bg-sky-50:hover,
[data-ws-theme="on"] .hover\:bg-violet-50:hover,
[data-ws-theme="on"] .hover\:bg-indigo-50:hover,
[data-ws-theme="on"] .hover\:bg-purple-50:hover,
[data-ws-theme="on"] .hover\:bg-cyan-50:hover {
  background-color: var(--ws-accent-soft);
}
:is(.dark) [data-ws-theme="on"] .dark\:hover\:bg-sky-500\/10:hover,
:is(.dark) [data-ws-theme="on"] .dark\:hover\:bg-violet-500\/10:hover,
:is(.dark) [data-ws-theme="on"] .dark\:hover\:bg-indigo-500\/10:hover,
:is(.dark) [data-ws-theme="on"] .dark\:hover\:bg-purple-500\/10:hover,
:is(.dark) [data-ws-theme="on"] .dark\:hover\:bg-cyan-500\/10:hover {
  background-color: var(--ws-accent-soft);
}
:is(.dark) [data-ws-theme="on"] .dark\:text-violet-400,
:is(.dark) [data-ws-theme="on"] .dark\:text-sky-400,
:is(.dark) [data-ws-theme="on"] .dark\:text-cyan-400,
:is(.dark) [data-ws-theme="on"] .dark\:text-fuchsia-400,
:is(.dark) [data-ws-theme="on"] .dark\:text-indigo-400,
:is(.dark) [data-ws-theme="on"] .dark\:text-purple-400 {
  color: var(--ws-accent-hover);
}
[data-ws-theme="on"] .bg-violet-50,
[data-ws-theme="on"] .bg-sky-50,
[data-ws-theme="on"] .bg-cyan-50,
[data-ws-theme="on"] .bg-fuchsia-50,
[data-ws-theme="on"] .bg-indigo-50,
[data-ws-theme="on"] .bg-purple-50 {
  background-color: var(--ws-accent-soft);
}
[data-ws-theme="on"] .bg-violet-100,
[data-ws-theme="on"] .bg-sky-100,
[data-ws-theme="on"] .bg-cyan-100,
[data-ws-theme="on"] .bg-fuchsia-100,
[data-ws-theme="on"] .bg-indigo-100,
[data-ws-theme="on"] .bg-purple-100 {
  background-color: var(--ws-accent-soft);
}
[data-ws-theme="on"] .from-sky-500,
[data-ws-theme="on"] .from-sky-400,
[data-ws-theme="on"] .from-violet-500,
[data-ws-theme="on"] .from-violet-400,
[data-ws-theme="on"] .from-indigo-500,
[data-ws-theme="on"] .from-purple-500 {
  --tw-gradient-from: var(--ws-accent) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(201 169 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
[data-ws-theme="on"] .via-blue-500,
[data-ws-theme="on"] .via-cyan-400,
[data-ws-theme="on"] .via-violet-500,
[data-ws-theme="on"] .via-purple-500,
[data-ws-theme="on"] .via-indigo-500 {
  --tw-gradient-via-position: 50%;
  --tw-gradient-to: rgb(201 169 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--ws-accent-hover) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
[data-ws-theme="on"] .to-violet-500,
[data-ws-theme="on"] .to-fuchsia-500,
[data-ws-theme="on"] .to-sky-400,
[data-ws-theme="on"] .to-cyan-500,
[data-ws-theme="on"] .to-indigo-500 {
  --tw-gradient-to: var(--ws-accent) var(--tw-gradient-to-position);
}
[data-ws-theme="on"] .ring-violet-200\/50,
[data-ws-theme="on"] .ring-violet-400\/60,
[data-ws-theme="on"] .ring-sky-400\/30 {
  --tw-ring-color: var(--ws-accent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in srgb, var(--ws-accent) 50%, transparent);
  }
}
[data-ws-theme="on"] .text-emerald-500,
[data-ws-theme="on"] .text-emerald-600,
[data-ws-theme="on"] .text-emerald-700,
[data-ws-theme="on"] .text-green-500,
[data-ws-theme="on"] .text-green-600,
[data-ws-theme="on"] .text-green-700 {
  color: var(--ws-positive);
}
:is(.dark) [data-ws-theme="on"] .dark\:text-emerald-300,
:is(.dark) [data-ws-theme="on"] .dark\:text-emerald-400,
:is(.dark) [data-ws-theme="on"] .dark\:text-green-400 {
  color: var(--ws-positive);
}
[data-ws-theme="on"] .bg-emerald-50,
[data-ws-theme="on"] .bg-green-50 {
  background-color: var(--ws-positive-soft);
}
[data-ws-theme="on"] .bg-emerald-100,
[data-ws-theme="on"] .bg-green-100 {
  background-color: var(--ws-positive-soft);
}
[data-ws-theme="on"] .border-emerald-200,
[data-ws-theme="on"] .border-emerald-300,
[data-ws-theme="on"] .border-green-200 {
  border-color: var(--ws-positive);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-positive) 28%, transparent);
  }
}
[data-ws-theme="on"] .text-rose-500,
[data-ws-theme="on"] .text-rose-600,
[data-ws-theme="on"] .text-rose-700,
[data-ws-theme="on"] .text-red-500,
[data-ws-theme="on"] .text-red-600,
[data-ws-theme="on"] .text-red-700 {
  color: var(--ws-negative);
}
:is(.dark) [data-ws-theme="on"] .dark\:text-rose-300,
:is(.dark) [data-ws-theme="on"] .dark\:text-rose-400,
:is(.dark) [data-ws-theme="on"] .dark\:text-red-400 {
  color: var(--ws-negative);
}
[data-ws-theme="on"] .bg-rose-50,
[data-ws-theme="on"] .bg-red-50 {
  background-color: var(--ws-negative-soft);
}
[data-ws-theme="on"] .bg-rose-100,
[data-ws-theme="on"] .bg-red-100 {
  background-color: var(--ws-negative-soft);
}
[data-ws-theme="on"] .text-amber-500,
[data-ws-theme="on"] .text-amber-600,
[data-ws-theme="on"] .text-amber-700 {
  color: var(--ws-warn);
}
:is(.dark) [data-ws-theme="on"] .dark\:text-amber-300,
:is(.dark) [data-ws-theme="on"] .dark\:text-amber-400 {
  color: var(--ws-warn);
}
[data-ws-theme="on"] .bg-amber-50 {
  background-color: var(--ws-warn-soft);
}
[data-ws-theme="on"] .bg-amber-100 {
  background-color: var(--ws-warn-soft);
}
[data-ws-theme="on"] .border-amber-200,
[data-ws-theme="on"] .border-amber-300 {
  border-color: var(--ws-warn);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-warn) 28%, transparent);
  }
}
[data-ws-theme="on"] .text-blue-500,
[data-ws-theme="on"] .text-blue-600,
[data-ws-theme="on"] .text-blue-700 {
  color: var(--ws-info);
}
:is(.dark) [data-ws-theme="on"] .dark\:text-blue-400,
:is(.dark) [data-ws-theme="on"] .dark\:text-blue-300 {
  color: var(--ws-info);
}
[data-ws-theme="on"] .bg-blue-50,
[data-ws-theme="on"] .bg-blue-100 {
  background-color: var(--ws-info-soft);
}
:is(.dark) [data-ws-theme="on"] .dark\:bg-blue-900\/20,
:is(.dark) [data-ws-theme="on"] .dark\:bg-blue-900\/30 {
  background-color: var(--ws-info-soft);
}
:is(.dark) [data-ws-theme="on"] .dark\:bg-rose-900\/20,
:is(.dark) [data-ws-theme="on"] .dark\:bg-rose-900\/30 {
  background-color: var(--ws-negative-soft);
}
:is(.dark) [data-ws-theme="on"] .dark\:bg-emerald-900\/20,
:is(.dark) [data-ws-theme="on"] .dark\:bg-emerald-900\/30,
:is(.dark) [data-ws-theme="on"] .dark\:bg-green-900\/20,
:is(.dark) [data-ws-theme="on"] .dark\:bg-green-900\/30 {
  background-color: var(--ws-positive-soft);
}
:is(.dark) [data-ws-theme="on"] .dark\:bg-amber-900\/20,
:is(.dark) [data-ws-theme="on"] .dark\:bg-amber-900\/30 {
  background-color: var(--ws-warn-soft);
}
:is(.dark) [data-ws-theme="on"] .dark\:bg-violet-900\/20,
:is(.dark) [data-ws-theme="on"] .dark\:bg-violet-900\/30,
:is(.dark) [data-ws-theme="on"] .dark\:bg-sky-900\/20,
:is(.dark) [data-ws-theme="on"] .dark\:bg-sky-900\/30 {
  background-color: var(--ws-accent-soft);
}
[data-ws-theme="on"] .bg-violet-600,
[data-ws-theme="on"] .bg-violet-700,
[data-ws-theme="on"] .hover\:bg-violet-700:hover {
  background-color: var(--ws-accent);
  color: var(--ws-accent-ink);
}
[data-ws-theme="on"] .bg-violet-100,
[data-ws-theme="on"] .bg-violet-50 {
  background-color: var(--ws-accent-soft);
}
[data-ws-theme="on"] .border-sky-200,
[data-ws-theme="on"] .border-sky-300,
[data-ws-theme="on"] .border-blue-200,
[data-ws-theme="on"] .border-violet-200,
[data-ws-theme="on"] .border-indigo-200 {
  border-color: var(--ws-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-accent) 28%, transparent);
  }
}
:is(.dark) [data-ws-theme="on"] .dark\:border-emerald-700\/40,
:is(.dark) [data-ws-theme="on"] .dark\:border-emerald-600\/40,
:is(.dark) [data-ws-theme="on"] .dark\:border-emerald-600\/60 {
  border-color: var(--ws-positive);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-positive) 28%, transparent);
  }
}
:is(.dark) [data-ws-theme="on"] .dark\:border-amber-600\/40 {
  border-color: var(--ws-warn);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-warn) 28%, transparent);
  }
}
:is(.dark) [data-ws-theme="on"] .dark\:border-rose-700\/40,
:is(.dark) [data-ws-theme="on"] .dark\:border-red-700\/40 {
  border-color: var(--ws-negative);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-negative) 28%, transparent);
  }
}
[data-ws-theme="on"] {
  --tw-ring-color: var(--ws-accent);
}
.rebalance-wizard-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-height: 1.75rem;
  background: transparent;
  cursor: pointer;
  accent-color: transparent;
}
.rebalance-wizard-range:focus {
  outline: none;
}
.rebalance-wizard-range:focus-visible {
  outline: 2px solid var(--ws-accent);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 2px solid color-mix(in srgb, var(--ws-accent) 55%, transparent);
  }
  outline-offset: 4px;
  border-radius: 0.5rem;
}
.rebalance-wizard-range::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 9999px;
  background: linear-gradient(
    180deg,
    #0a1628 0%,
    #060e1a 100%
  );
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04);
  border: 1px solid color-mix(in srgb, #060e1a 70%, #1a2d44);
}
:is(.dark) .rebalance-wizard-range::-webkit-slider-runnable-track {
  background: linear-gradient(180deg, #060e1a 0%, #040a12 100%);
  border-color: var(--ws-border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-border) 40%, #060e1a);
  }
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5),
    inset 0 -1px 0 rgba(201, 169, 110, 0.06);
}
.rebalance-wizard-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 7px;
  height: 28px;
  margin-top: -10px;
  border-radius: 9999px;
  border: 1px solid var(--ws-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--ws-accent) 55%, #3d2f14);
  }
  background: linear-gradient(
    180deg,
    var(--ws-accent-hover) 0%,
    var(--ws-accent) 45%,
    var(--ws-accent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(
    180deg,
    var(--ws-accent-hover) 0%,
    var(--ws-accent) 45%,
    color-mix(in srgb, var(--ws-accent) 72%, #2a1f0c) 100%
  );
  }
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(201, 169, 110, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: transform 0.14s ease, box-shadow 0.14s ease, filter 0.14s ease;
}
.rebalance-wizard-range:hover::-webkit-slider-thumb {
  transform: scaleY(1.06) scaleX(1.08);
  filter: brightness(1.08);
  box-shadow: 0 2px 8px var(--ws-accent),
    0 0 0 1px var(--ws-accent),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 2px 8px color-mix(in srgb, var(--ws-accent) 40%, rgba(0, 0, 0, 0.5)),
    0 0 0 1px color-mix(in srgb, var(--ws-accent) 55%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  }
}
.rebalance-wizard-range:active::-webkit-slider-thumb {
  transform: scaleY(0.98) scaleX(0.98);
  filter: brightness(0.96);
}
.rebalance-wizard-range::-moz-range-track {
  height: 6px;
  border-radius: 9999px;
  background: linear-gradient(180deg, #0a1628 0%, #060e1a 100%);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04);
  border: 1px solid color-mix(in srgb, #060e1a 70%, #1a2d44);
}
:is(.dark) .rebalance-wizard-range::-moz-range-track {
  background: linear-gradient(180deg, #060e1a 0%, #040a12 100%);
  border-color: var(--ws-border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ws-border) 40%, #060e1a);
  }
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5),
    inset 0 -1px 0 rgba(201, 169, 110, 0.06);
}
.rebalance-wizard-range::-moz-range-thumb {
  width: 7px;
  height: 28px;
  border: 1px solid var(--ws-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--ws-accent) 55%, #3d2f14);
  }
  border-radius: 9999px;
  background: linear-gradient(
    180deg,
    var(--ws-accent-hover) 0%,
    var(--ws-accent) 45%,
    var(--ws-accent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(
    180deg,
    var(--ws-accent-hover) 0%,
    var(--ws-accent) 45%,
    color-mix(in srgb, var(--ws-accent) 72%, #2a1f0c) 100%
  );
  }
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(201, 169, 110, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.rebalance-wizard-range:hover::-moz-range-thumb {
  transform: scaleY(1.06) scaleX(1.08);
  filter: brightness(1.08);
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes accordionOpen {
  from {
    height: 0px;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
@keyframes accordionClose {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0px;
  }
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideDownAndFade {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideLeftAndFade {
  from {
    opacity: 0;
    transform: translateX(6px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideUpAndFade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideRightAndFade {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes dialogOverlayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dialogContentShow {
  from {
    opacity: 0;
    transform: translate(-50%, -45%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes drawerSlideLeftAndFade {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes drawerSlideRightAndFade {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}