/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/app/layout.tsx","import":"","arguments":[{"src":"./fonts/GeistVF.woff","variable":"--font-geist-sans","weight":"100 900"}],"variableName":"geistSans"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__geistSans_1e4310';
src: url(/_next/static/media/4473ecc91f70f139-s.p.woff) format('woff');
font-display: swap;
font-weight: 100 900;
}@font-face {font-family: '__geistSans_Fallback_1e4310';src: local("Arial");ascent-override: 85.83%;descent-override: 20.52%;line-gap-override: 9.33%;size-adjust: 107.19%
}.__className_1e4310 {font-family: '__geistSans_1e4310', '__geistSans_Fallback_1e4310'
}.__variable_1e4310 {--font-geist-sans: '__geistSans_1e4310', '__geistSans_Fallback_1e4310'
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/app/layout.tsx","import":"","arguments":[{"src":"./fonts/GeistMonoVF.woff","variable":"--font-geist-mono","weight":"100 900"}],"variableName":"geistMono"} ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__geistMono_c3aa02';
src: url(/_next/static/media/463dafcda517f24f-s.p.woff) format('woff');
font-display: swap;
font-weight: 100 900;
}@font-face {font-family: '__geistMono_Fallback_c3aa02';src: local("Arial");ascent-override: 69.97%;descent-override: 16.73%;line-gap-override: 7.61%;size-adjust: 131.49%
}.__className_c3aa02 {font-family: '__geistMono_c3aa02', '__geistMono_Fallback_c3aa02'
}.__variable_c3aa02 {--font-geist-mono: '__geistMono_c3aa02', '__geistMono_Fallback_c3aa02'
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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"],"variable":"--font-space-grotesk"}],"variableName":"spaceGrotesk"} ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* vietnamese */
@font-face {
  font-family: '__Space_Grotesk_dd5b2f';
  font-style: normal;
  font-weight: 300 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_dd5b2f';
  font-style: normal;
  font-weight: 300 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_dd5b2f';
  font-style: normal;
  font-weight: 300 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_dd5b2f';src: local("Arial");ascent-override: 89.71%;descent-override: 26.62%;line-gap-override: 0.00%;size-adjust: 109.69%
}.__className_dd5b2f {font-family: '__Space_Grotesk_dd5b2f', '__Space_Grotesk_Fallback_dd5b2f';font-style: normal
}.__variable_dd5b2f {--font-space-grotesk: '__Space_Grotesk_dd5b2f', '__Space_Grotesk_Fallback_dd5b2f'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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":"Unbounded","arguments":[{"subsets":["latin","cyrillic","latin-ext"],"variable":"--font-unbounded","weight":["200","300","400","500","600","700","800","900"],"display":"swap"}],"variableName":"unbounded"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.p.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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.p.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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.p.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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.p.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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.p.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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.p.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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.p.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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.p.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: '__Unbounded_cb106b';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-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: '__Unbounded_Fallback_cb106b';src: local("Arial");ascent-override: 73.93%;descent-override: 18.20%;line-gap-override: 0.00%;size-adjust: 134.59%
}.__className_cb106b {font-family: '__Unbounded_cb106b', '__Unbounded_Fallback_cb106b';font-style: normal
}.__variable_cb106b {--font-unbounded: '__Unbounded_cb106b', '__Unbounded_Fallback_cb106b'
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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":"Martian_Mono","arguments":[{"subsets":["latin","latin-ext"],"variable":"--font-martian-mono","weight":["200","300","400","500","600","700","800"],"display":"swap"}],"variableName":"martianMono"} ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2a705150951ef2a4-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/f11589fe773c9f21-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/ef87c177b26f69d3-s.p.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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9ae8a6594e58fd44-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2a705150951ef2a4-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/f11589fe773c9f21-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/ef87c177b26f69d3-s.p.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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9ae8a6594e58fd44-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2a705150951ef2a4-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/f11589fe773c9f21-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/ef87c177b26f69d3-s.p.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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9ae8a6594e58fd44-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2a705150951ef2a4-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/f11589fe773c9f21-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/ef87c177b26f69d3-s.p.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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9ae8a6594e58fd44-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2a705150951ef2a4-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/f11589fe773c9f21-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/ef87c177b26f69d3-s.p.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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9ae8a6594e58fd44-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2a705150951ef2a4-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/f11589fe773c9f21-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/ef87c177b26f69d3-s.p.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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9ae8a6594e58fd44-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2a705150951ef2a4-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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/f11589fe773c9f21-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/ef87c177b26f69d3-s.p.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: '__Martian_Mono_ad2ce4';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9ae8a6594e58fd44-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: '__Martian_Mono_Fallback_ad2ce4';src: local("Arial");ascent-override: 63.69%;descent-override: 12.74%;line-gap-override: 0.00%;size-adjust: 157.02%
}.__className_ad2ce4 {font-family: '__Martian_Mono_ad2ce4', '__Martian_Mono_Fallback_ad2ce4';font-style: normal
}.__variable_ad2ce4 {--font-martian-mono: '__Martian_Mono_ad2ce4', '__Martian_Mono_Fallback_ad2ce4'
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@rainbow-me/rainbowkit/dist/index.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/* vanilla-extract-css-ns:src/css/reset.css.ts.vanilla.css?source=Lmlla2JjYzAgewogIGJvcmRlcjogMDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGZvbnQtc2l6ZTogMTAwJTsKICBsaW5lLWhlaWdodDogbm9ybWFsOwogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwogIHRleHQtYWxpZ246IGxlZnQ7CiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmlla2JjYzEgewogIGxpc3Qtc3R5bGU6IG5vbmU7Cn0KLmlla2JjYzIgewogIHF1b3Rlczogbm9uZTsKfQouaWVrYmNjMjpiZWZvcmUsIC5pZWtiY2MyOmFmdGVyIHsKICBjb250ZW50OiAnJzsKfQouaWVrYmNjMyB7CiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKICBib3JkZXItc3BhY2luZzogMDsKfQouaWVrYmNjNCB7CiAgYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjNSB7CiAgb3V0bGluZTogbm9uZTsKfQouaWVrYmNjNTo6cGxhY2Vob2xkZXIgewogIG9wYWNpdHk6IDE7Cn0KLmlla2JjYzYgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGNvbG9yOiBpbmhlcml0Owp9Ci5pZWtiY2M3OmRpc2FibGVkIHsKICBvcGFjaXR5OiAxOwp9Ci5pZWtiY2M3OjotbXMtZXhwYW5kIHsKICBkaXNwbGF5OiBub25lOwp9Ci5pZWtiY2M4OjotbXMtY2xlYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLmlla2JjYzg6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24gewogIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjOSB7CiAgYmFja2dyb3VuZDogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdGV4dC1hbGlnbjogbGVmdDsKfQouaWVrYmNjYSB7CiAgY29sb3I6IGluaGVyaXQ7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwp9 */
[data-rk] .iekbcc0 {
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent;
}
[data-rk] .iekbcc1 {
  list-style: none;
}
[data-rk] .iekbcc2 {
  quotes: none;
}
[data-rk] .iekbcc2:before,
[data-rk] .iekbcc2:after {
  content: "";
}
[data-rk] .iekbcc3 {
  border-collapse: collapse;
  border-spacing: 0;
}
[data-rk] .iekbcc4 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[data-rk] .iekbcc5 {
  outline: none;
}
[data-rk] .iekbcc5::-moz-placeholder {
  opacity: 1;
}
[data-rk] .iekbcc5::placeholder {
  opacity: 1;
}
[data-rk] .iekbcc6 {
  background-color: transparent;
  color: inherit;
}
[data-rk] .iekbcc7:disabled {
  opacity: 1;
}
[data-rk] .iekbcc7::-ms-expand {
  display: none;
}
[data-rk] .iekbcc8::-ms-clear {
  display: none;
}
[data-rk] .iekbcc8::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
[data-rk] .iekbcc9 {
  background: none;
  cursor: pointer;
  text-align: left;
}
[data-rk] .iekbcca {
  color: inherit;
  text-decoration: none;
}

/* vanilla-extract-css-ns:src/css/sprinkles.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6Vdy67rxhHc+yu0CWAvZOhJPbJJrp0gBhJkEQNZU+SQ4hFF6pDU6wT+90DiebCre2aavDtbXV3TNdMcFTm8Rz+/nOfB6jIZ/e+H0SjMs7QYZ4051ttRkpvbuG7CqvnzD3/88HOLm1lwpog7qAVHRaZoTNXBBE9MnNWnPLxvR0VZmE50TaO7vIwOnXBIw48SOtGIRrMizwi56ZRXmzyxaE1kGJWaMhBTun9CdmF0SKvyXMTjOnsz21FUXggsa2FlFZtqXIVxdq63o+mpK+xFggQEchBZJgSTi5g5wRwlzCWsfhyPq8Pzg2wcRk1WFt/OTVMWP3VyC0VuVBaFiRqeXCqSj6Y488yTJrOMw7yb9KpN+le5y3LTTa2k1NnyTx1ILUE2m82GzHXTRdXNPTfbUV3mWbfPzl3MNYub/XZEV/UiIGj7XAXEjCBuAmJBEPcnIjpXdVltR6cyg2Z/I3G4qqftNvOeNTYXUzQ1R01FVJjnXVC7Ex2zYrw3WbpvtqM1KXQ6Z4AFlTJtt6nnRR1nlXl283ZUldcuaCmCojI/H4surt3PkrJoxkl4zPJ7p40en9bjXRnfu/0zXX2ltFvC9Lkao9Fjv/qsegq61ixrrsjasKyFIitkWYGQNaONON2xrLWUBasRYVZL68mKWZY0GzN6wU3NV9b1ozkmky4i4YglRaQcEVDEniNWFJFxxJoi2i0/DU/bEfn88PU5vcin+VeEXtzT41eEbvbT4isC81t+RZY0cvqK0K+g6etXBPqp6lQNTVN3QlB30wlBeedOCKq4dEJQxrUzRVDGrROCse6dEBC+dWaWFj+bdEK0wtm0M+t0rNmsM7kQmn+FxnTpZ+2G9nkx0+CSBKHKgARhxBUJUumzNR0TeDd0UDrZs5BGYdgdjcK4EYnOgTmmUajK0CiMm9AoLFpKZwrG3dMoMGc0CopeSHQJuQcSDWDcHOYZwke6SJNJ16TMChI9hreHO2tMQYx/uxG8nOsmS+4fANtdwskBpv559ipDmYueVTKwPoWRGe9MczWm+4U8q1348OnEu/B2k2nMrRk/3fx2lJuEiDozBC/ywjBZsTdVRoja7ecYVmlWjHdl05RHurvPbhICrue7hIFGf5MwdO+fTyQMbb75VMLQ74P5TMLQi2c+lzD0MpgvRO20oedLEUTVzwMRBNJWIgjqXosgKHwjLggUHoogqGkngmC4SFxbmIJYBIE6I3YA1JSIywugVALBt9R83wU9LjLa/POMx4HhhSNA94EjoO1zjgAxR46Ali84Aqa25AhYxpOgFnrmVYCA3kqAgJxagEC1jQCBcs/C1EO5FwECtVwFCAx0E1YQRN8FCCh6E1aZ1rKYCIsIkCmHQFMvyO5Xtd+k3a5ezAUAcCwECJW8WAoQ2tiLQICAnpUAoa29WAsQOreLjQChi7gIJdG0XRY7CQOyIwkDomIJAyUbCQM1J9IqQM2phIF69hIGxsqk5QTtLxIGdB2kNYd6cmlFAXMUMNjpZNNrSrgxXZQsDPknBgDBrwwAHV4xAMioGQC6u2EAmNAzA8DKXbhM6JErR4DQG0eAkDtHQKFvHEErXU74fNNKl1OOoHUsZxwBo8z5olG1ywVHUC3LJV9XqCPg6waIFUNA/y4/drab/JB0ucE46AgxDhXsMA4zFbHxYYCYFQDrZRgASkgYAGpIEQD3z8s9A0CRGQNADS8MAKt9YPMINeQMAEMcGQBkFgiAm+pliQC4r16e+FoA4pUtJ727XlYIkG+wl++bVlZY+rLBOKzIGeOg9YJxmKwrGx8GuLECYCruDAAlvDEArSGYIAD6MpgyAC0ymDEArSGYMwDty2DB5hFqWDIADBEwAMhcIQD6MlgjAPoy2PC1AETIlpP2ZbBDgNyXQbtfPQ4rk7y8bkf7LI7Jk5ag3bBOYRxnRSo+0AiMCKEdHiQiCBY4FUHUIQR7EQSTnIkg6hSCFxEELXMQQbDouTwFsGxHGQWTUMgoEFjKKCj+JKOg+ld5baD6SkZBXbWMghEbeaFhJs4yCjRe5H6Auq7yWgPqJqLAZQR3guJPOYI3AUA5VhMBQuWvpgKEXgurmQChklZzAUKvg9VCgNBJXi0FCF3TVSCJpj20WkkYkL2WMCBqI2Gg5FDCQM07aRWg5kjCQD2xhIGxjLScoD2RMKArldYc6tlLKwqYTMBAp6/oDik8+lgdJASw5BIGlB8lDHR7IWFAVSlhoN9PEgZm+VXCwIpWonZon1oEgfpGBIG0swiCui8iCAq/igsChd9EENR0F0Ew3Ju4tnQK1hMRRNWtp2IH0JrWM3F5ATSXQND+a7oxsuch6yWPA0PAEaB7xRG07ddrjgAxG46gLb8OOQKmdscRdBnXkaCW9sw6FiCg1wgQkJMIEKg2FSBQ7l6Yeig3EyBQy4sAgYEOwgqC6FyAgKKjsMpQSyEsIkBKDsGmft/9yjprX3cKd3WZnxvyhuYrYJLsZronqusKAJXJwya7EJJ25xtfze6QNeNz/XgBzuQmavgboe3+J3y/rN8PZquw+Bhq8vN0tqxHJqwJxYUBn/+dlNXRltJug87C2k1QvGlf37sxWPC3boyu0WbSjdFe2kzJeJR0MyMD0l7ezEkQhlyQIIy57AbhpnwTkCAUtCJBGHNNgrTbNxsyPzBmSIJAuyNBkBJ1g3DjvYm7Qbjp3hg6txBNyLLQm+1N2g3KN9qbr/eE46o8jZMsb0zVeYtwl5+run0Z9d8XU+UheZtwk32mt68ZdzKjMi+rehxGjxcWfnn8D8l82e4ft/eD8w/bx5vA769VDyHI+2T+vaxMCyMcx/4iLEzFADkWqlLB8fUO9bfne7eE4KRW5aR51Uty8gwphL84vakHqxLImuHaBLZzL5r/mKgs4rC6f/tMIGyXAUJ9nNchen2kNy9blJe14S/db+5Kibb8N60cC0E46ZMpyw+n/UVYmGYD5Fio5n6O7j+isLAstNIUXEu1OAVZMJTlb1VFvz/C1fdp5ITr7xTKGTf9qH4rClNZJi4cotZFuBuk1sUY9aP63dwakh8PkchYzCBdjCbpn8/XPx2qiFPtB8viXH7T+E6SPRY8zqKwAQatefTxqE2kj8hvJuPyWuRlGH97Prv/JaxiSxtrPaWaUG0t1Yx+h/lB9Xt5cvBojaaOTe03dXT+sgzrbK3H5JlqQ8lT/e4xNYWpwpx761DrFe0Mamdop/D7QJL7a3Yk6Voz6CRRO0IXy85vCx//ivS3xhzlpttpPaGHRm0IPTx+N/h8MvDt/fEBydV6QDuD2vnZKfx+7zNXkK+1eC4OtatzkfiNXJvNrq2d1rfZ8tU2zUbgd2XPTDRAO60bk7PVLkxO97uvzzzcArSey0qgdlpWBr+/+kz9vEUnBFp75aFRuysPj99cnaoyyXLz16dDI7laN2VnUNsnO4XfL5HcfzwqJgRao+ShUTskD4+6EPkJ5U5rk9wsasvkpvHbp/YMxsT/Pj2fbfE9TuuivERqM+Vl8nuqugmLeEevNK2VknLVDkpIjt6NU/s3IJ449YP8iHimQQzULg2imPfLlXsxWgyRYuFaDhJlIQtULK7H+NGqhzYn0bqPMCfTZhAFf4Afhd+hTaDbfY9CgS/qSeR5cB/Fg+T6WM0w1T7aRMFnecwfpWqhNoa9XpSNIuuXa5mGlyFSLFyHQaIsZLmGxf9oPzrqBSrYih4SFXTlcB72/DQ6fa9STvn63XI5Z+8CHQ/3o3qYZhdlM1Czi/PclwxvPaPLMKGM5zpQHSO6DWHg3XAfrouTvX2HOMYWa8yn5wAg1ptQH1MPM+qj0phS7UP/WO9N1ZQ9LKqaU+NUVQcAsd6w6vh6+FYdoca+suOCWO9VeW4PY8qTNS7UekgQ6z2nnaOHw7STaPyk65Ag1ptKJ00PZ+nk0dhL9zFBrPeWHqIextLDpHGV1mODWO8l7Rw9HKSdROMbHQcHsd4qulh6uEMXjb4MftXp/Z+NoYfds1Fo3J14oBDrXZ2c38PNyQQaF2c7UIj13s1K0cOx2TiMxqe5jxKM3qZ5iHq4NA+TxqRZjxaM3pXZOXrYMDuJxne5jxWM3nB5iHo4LQ+TxmI5jxeM3m65eXpYLzeRxob5jheM3o15qXqYMi+XxpsJxw9Gb8mk7B5OTEr/MGC3cb0P48dfO/jMaj+Am1iSTK3XIAowXYM4cn9ynIV5mZKso7Z4IbdQVy0kl/6s94voV9OEWV4LG95JW7yX6VUtxUulKIdeRCS71kpycDRqMQ6Ssz77v2GeG+J1zKWvDIHj2luGQHLzZ1+fWf8s05Jk3rUSLPlv6vJlgqT1WpZdzHIImnTdVc9U4qd65s6VSfIXYrLoVbWFZNmvfgtL4E53HWYmK40MJ8NapcFJsemXy88qk3CIDIFnN0iMQBRpGTwHkUncT5mPzvQU6ONLXESWs8kk9Wuype4V9dtyM2WSRepLr6otJId+9VtYcme6/2QxOSq0KGgKjRoFTzmAgJ3IJKfBojjX63BlnExfkuOUMKl7ynNxNX3lucjOahZ8wJRcempiBNe+QhjDrVcqX9z7AAmc5W2IDkaTOg2Y5+AvVRgxH4XGkPk4nMZMe6KXKvyZmktj09RkTremOsJLFaZNR6Txbjomp4Vjp3qpwq/xJI0541lOJ2Y9sEsVvsuerHFZ9mynp3KdyqUKY+XM17grJ4HTYrkP31KFv/IwaMyVh8LprKwnbqnCT9mTNS7Knu30To6DtVRhl1zpGofkylcMzC8NhQeypWosjy3X6XDEo7NU4WzkRI2jkTOdTsZ2PpYq/Is1V+NabMl7p1dxH3/tFVbFw6BxKh4Kp1GxnnntFc7EnqyxIvZsp/dwH2rtFabDw6BxGx4Kp81wnmDtFZbDTaCxH24GpxXxHVPtFY7Ey6ExJl4Spz8Rzqr2ClsipWncSDfvL0cTZ+GojipjilFYxKMfO38zfBWsT7efnlzvA7R/nc7xW9Kj0R9f6LkV/fyZOIJdStiPn2AjyNU7En5dmmA2iHn/jWkC2iGo/aVpgokR8/F70w/UH/8HNiLX2mB7AAA= */
[data-rk] .ju367v0 {
  align-items: flex-start;
}
[data-rk] .ju367v2 {
  align-items: flex-end;
}
[data-rk] .ju367v4 {
  align-items: center;
}
[data-rk] .ju367v6 {
  display: none;
}
[data-rk] .ju367v8 {
  display: block;
}
[data-rk] .ju367va {
  display: flex;
}
[data-rk] .ju367vc {
  display: inline;
}
[data-rk] .ju367ve {
  align-self: flex-start;
}
[data-rk] .ju367vf {
  align-self: flex-end;
}
[data-rk] .ju367vg {
  align-self: center;
}
[data-rk] .ju367vh {
  background-size: cover;
}
[data-rk] .ju367vi {
  border-radius: 1px;
}
[data-rk] .ju367vj {
  border-radius: 6px;
}
[data-rk] .ju367vk {
  border-radius: 10px;
}
[data-rk] .ju367vl {
  border-radius: 13px;
}
[data-rk] .ju367vm {
  border-radius: var(--rk-radii-actionButton);
}
[data-rk] .ju367vn {
  border-radius: var(--rk-radii-connectButton);
}
[data-rk] .ju367vo {
  border-radius: var(--rk-radii-menuButton);
}
[data-rk] .ju367vp {
  border-radius: var(--rk-radii-modal);
}
[data-rk] .ju367vq {
  border-radius: var(--rk-radii-modalMobile);
}
[data-rk] .ju367vr {
  border-radius: 25%;
}
[data-rk] .ju367vs {
  border-radius: 9999px;
}
[data-rk] .ju367vt {
  border-style: solid;
}
[data-rk] .ju367vu {
  border-width: 0px;
}
[data-rk] .ju367vv {
  border-width: 1px;
}
[data-rk] .ju367vw {
  border-width: 2px;
}
[data-rk] .ju367vx {
  border-width: 4px;
}
[data-rk] .ju367vy {
  cursor: pointer;
}
[data-rk] .ju367vz {
  cursor: none;
}
[data-rk] .ju367v10 {
  pointer-events: none;
}
[data-rk] .ju367v11 {
  pointer-events: all;
}
[data-rk] .ju367v12 {
  min-height: 8px;
}
[data-rk] .ju367v13 {
  min-height: 44px;
}
[data-rk] .ju367v14 {
  flex-direction: row;
}
[data-rk] .ju367v15 {
  flex-direction: column;
}
[data-rk] .ju367v16 {
  font-family: var(--rk-fonts-body);
}
[data-rk] .ju367v17 {
  font-size: 12px;
  line-height: 18px;
}
[data-rk] .ju367v18 {
  font-size: 13px;
  line-height: 18px;
}
[data-rk] .ju367v19 {
  font-size: 14px;
  line-height: 18px;
}
[data-rk] .ju367v1a {
  font-size: 16px;
  line-height: 20px;
}
[data-rk] .ju367v1b {
  font-size: 18px;
  line-height: 24px;
}
[data-rk] .ju367v1c {
  font-size: 20px;
  line-height: 24px;
}
[data-rk] .ju367v1d {
  font-size: 23px;
  line-height: 29px;
}
[data-rk] .ju367v1e {
  font-weight: 400;
}
[data-rk] .ju367v1f {
  font-weight: 500;
}
[data-rk] .ju367v1g {
  font-weight: 600;
}
[data-rk] .ju367v1h {
  font-weight: 700;
}
[data-rk] .ju367v1i {
  font-weight: 800;
}
[data-rk] .ju367v1j {
  gap: 0;
}
[data-rk] .ju367v1k {
  gap: 1px;
}
[data-rk] .ju367v1l {
  gap: 2px;
}
[data-rk] .ju367v1m {
  gap: 3px;
}
[data-rk] .ju367v1n {
  gap: 4px;
}
[data-rk] .ju367v1o {
  gap: 5px;
}
[data-rk] .ju367v1p {
  gap: 6px;
}
[data-rk] .ju367v1q {
  gap: 8px;
}
[data-rk] .ju367v1r {
  gap: 10px;
}
[data-rk] .ju367v1s {
  gap: 12px;
}
[data-rk] .ju367v1t {
  gap: 14px;
}
[data-rk] .ju367v1u {
  gap: 16px;
}
[data-rk] .ju367v1v {
  gap: 18px;
}
[data-rk] .ju367v1w {
  gap: 20px;
}
[data-rk] .ju367v1x {
  gap: 24px;
}
[data-rk] .ju367v1y {
  gap: 28px;
}
[data-rk] .ju367v1z {
  gap: 32px;
}
[data-rk] .ju367v20 {
  gap: 36px;
}
[data-rk] .ju367v21 {
  gap: 44px;
}
[data-rk] .ju367v22 {
  gap: 64px;
}
[data-rk] .ju367v23 {
  gap: -1px;
}
[data-rk] .ju367v24 {
  height: 1px;
}
[data-rk] .ju367v25 {
  height: 2px;
}
[data-rk] .ju367v26 {
  height: 4px;
}
[data-rk] .ju367v27 {
  height: 8px;
}
[data-rk] .ju367v28 {
  height: 12px;
}
[data-rk] .ju367v29 {
  height: 20px;
}
[data-rk] .ju367v2a {
  height: 24px;
}
[data-rk] .ju367v2b {
  height: 28px;
}
[data-rk] .ju367v2c {
  height: 30px;
}
[data-rk] .ju367v2d {
  height: 32px;
}
[data-rk] .ju367v2e {
  height: 34px;
}
[data-rk] .ju367v2f {
  height: 36px;
}
[data-rk] .ju367v2g {
  height: 40px;
}
[data-rk] .ju367v2h {
  height: 44px;
}
[data-rk] .ju367v2i {
  height: 48px;
}
[data-rk] .ju367v2j {
  height: 54px;
}
[data-rk] .ju367v2k {
  height: 60px;
}
[data-rk] .ju367v2l {
  height: 200px;
}
[data-rk] .ju367v2m {
  height: 100%;
}
[data-rk] .ju367v2n {
  height: -moz-max-content;
  height: max-content;
}
[data-rk] .ju367v2o {
  justify-content: flex-start;
}
[data-rk] .ju367v2p {
  justify-content: flex-end;
}
[data-rk] .ju367v2q {
  justify-content: center;
}
[data-rk] .ju367v2r {
  justify-content: space-between;
}
[data-rk] .ju367v2s {
  justify-content: space-around;
}
[data-rk] .ju367v2t {
  text-align: left;
}
[data-rk] .ju367v2u {
  text-align: center;
}
[data-rk] .ju367v2v {
  text-align: inherit;
}
[data-rk] .ju367v2w {
  margin-bottom: 0;
}
[data-rk] .ju367v2x {
  margin-bottom: 1px;
}
[data-rk] .ju367v2y {
  margin-bottom: 2px;
}
[data-rk] .ju367v2z {
  margin-bottom: 3px;
}
[data-rk] .ju367v30 {
  margin-bottom: 4px;
}
[data-rk] .ju367v31 {
  margin-bottom: 5px;
}
[data-rk] .ju367v32 {
  margin-bottom: 6px;
}
[data-rk] .ju367v33 {
  margin-bottom: 8px;
}
[data-rk] .ju367v34 {
  margin-bottom: 10px;
}
[data-rk] .ju367v35 {
  margin-bottom: 12px;
}
[data-rk] .ju367v36 {
  margin-bottom: 14px;
}
[data-rk] .ju367v37 {
  margin-bottom: 16px;
}
[data-rk] .ju367v38 {
  margin-bottom: 18px;
}
[data-rk] .ju367v39 {
  margin-bottom: 20px;
}
[data-rk] .ju367v3a {
  margin-bottom: 24px;
}
[data-rk] .ju367v3b {
  margin-bottom: 28px;
}
[data-rk] .ju367v3c {
  margin-bottom: 32px;
}
[data-rk] .ju367v3d {
  margin-bottom: 36px;
}
[data-rk] .ju367v3e {
  margin-bottom: 44px;
}
[data-rk] .ju367v3f {
  margin-bottom: 64px;
}
[data-rk] .ju367v3g {
  margin-bottom: -1px;
}
[data-rk] .ju367v3h {
  margin-left: 0;
}
[data-rk] .ju367v3i {
  margin-left: 1px;
}
[data-rk] .ju367v3j {
  margin-left: 2px;
}
[data-rk] .ju367v3k {
  margin-left: 3px;
}
[data-rk] .ju367v3l {
  margin-left: 4px;
}
[data-rk] .ju367v3m {
  margin-left: 5px;
}
[data-rk] .ju367v3n {
  margin-left: 6px;
}
[data-rk] .ju367v3o {
  margin-left: 8px;
}
[data-rk] .ju367v3p {
  margin-left: 10px;
}
[data-rk] .ju367v3q {
  margin-left: 12px;
}
[data-rk] .ju367v3r {
  margin-left: 14px;
}
[data-rk] .ju367v3s {
  margin-left: 16px;
}
[data-rk] .ju367v3t {
  margin-left: 18px;
}
[data-rk] .ju367v3u {
  margin-left: 20px;
}
[data-rk] .ju367v3v {
  margin-left: 24px;
}
[data-rk] .ju367v3w {
  margin-left: 28px;
}
[data-rk] .ju367v3x {
  margin-left: 32px;
}
[data-rk] .ju367v3y {
  margin-left: 36px;
}
[data-rk] .ju367v3z {
  margin-left: 44px;
}
[data-rk] .ju367v40 {
  margin-left: 64px;
}
[data-rk] .ju367v41 {
  margin-left: -1px;
}
[data-rk] .ju367v42 {
  margin-right: 0;
}
[data-rk] .ju367v43 {
  margin-right: 1px;
}
[data-rk] .ju367v44 {
  margin-right: 2px;
}
[data-rk] .ju367v45 {
  margin-right: 3px;
}
[data-rk] .ju367v46 {
  margin-right: 4px;
}
[data-rk] .ju367v47 {
  margin-right: 5px;
}
[data-rk] .ju367v48 {
  margin-right: 6px;
}
[data-rk] .ju367v49 {
  margin-right: 8px;
}
[data-rk] .ju367v4a {
  margin-right: 10px;
}
[data-rk] .ju367v4b {
  margin-right: 12px;
}
[data-rk] .ju367v4c {
  margin-right: 14px;
}
[data-rk] .ju367v4d {
  margin-right: 16px;
}
[data-rk] .ju367v4e {
  margin-right: 18px;
}
[data-rk] .ju367v4f {
  margin-right: 20px;
}
[data-rk] .ju367v4g {
  margin-right: 24px;
}
[data-rk] .ju367v4h {
  margin-right: 28px;
}
[data-rk] .ju367v4i {
  margin-right: 32px;
}
[data-rk] .ju367v4j {
  margin-right: 36px;
}
[data-rk] .ju367v4k {
  margin-right: 44px;
}
[data-rk] .ju367v4l {
  margin-right: 64px;
}
[data-rk] .ju367v4m {
  margin-right: -1px;
}
[data-rk] .ju367v4n {
  margin-top: 0;
}
[data-rk] .ju367v4o {
  margin-top: 1px;
}
[data-rk] .ju367v4p {
  margin-top: 2px;
}
[data-rk] .ju367v4q {
  margin-top: 3px;
}
[data-rk] .ju367v4r {
  margin-top: 4px;
}
[data-rk] .ju367v4s {
  margin-top: 5px;
}
[data-rk] .ju367v4t {
  margin-top: 6px;
}
[data-rk] .ju367v4u {
  margin-top: 8px;
}
[data-rk] .ju367v4v {
  margin-top: 10px;
}
[data-rk] .ju367v4w {
  margin-top: 12px;
}
[data-rk] .ju367v4x {
  margin-top: 14px;
}
[data-rk] .ju367v4y {
  margin-top: 16px;
}
[data-rk] .ju367v4z {
  margin-top: 18px;
}
[data-rk] .ju367v50 {
  margin-top: 20px;
}
[data-rk] .ju367v51 {
  margin-top: 24px;
}
[data-rk] .ju367v52 {
  margin-top: 28px;
}
[data-rk] .ju367v53 {
  margin-top: 32px;
}
[data-rk] .ju367v54 {
  margin-top: 36px;
}
[data-rk] .ju367v55 {
  margin-top: 44px;
}
[data-rk] .ju367v56 {
  margin-top: 64px;
}
[data-rk] .ju367v57 {
  margin-top: -1px;
}
[data-rk] .ju367v58 {
  max-width: 1px;
}
[data-rk] .ju367v59 {
  max-width: 2px;
}
[data-rk] .ju367v5a {
  max-width: 4px;
}
[data-rk] .ju367v5b {
  max-width: 8px;
}
[data-rk] .ju367v5c {
  max-width: 12px;
}
[data-rk] .ju367v5d {
  max-width: 20px;
}
[data-rk] .ju367v5e {
  max-width: 24px;
}
[data-rk] .ju367v5f {
  max-width: 28px;
}
[data-rk] .ju367v5g {
  max-width: 30px;
}
[data-rk] .ju367v5h {
  max-width: 32px;
}
[data-rk] .ju367v5i {
  max-width: 34px;
}
[data-rk] .ju367v5j {
  max-width: 36px;
}
[data-rk] .ju367v5k {
  max-width: 40px;
}
[data-rk] .ju367v5l {
  max-width: 44px;
}
[data-rk] .ju367v5m {
  max-width: 48px;
}
[data-rk] .ju367v5n {
  max-width: 54px;
}
[data-rk] .ju367v5o {
  max-width: 60px;
}
[data-rk] .ju367v5p {
  max-width: 200px;
}
[data-rk] .ju367v5q {
  max-width: 100%;
}
[data-rk] .ju367v5r {
  max-width: -moz-max-content;
  max-width: max-content;
}
[data-rk] .ju367v5s {
  min-width: 1px;
}
[data-rk] .ju367v5t {
  min-width: 2px;
}
[data-rk] .ju367v5u {
  min-width: 4px;
}
[data-rk] .ju367v5v {
  min-width: 8px;
}
[data-rk] .ju367v5w {
  min-width: 12px;
}
[data-rk] .ju367v5x {
  min-width: 20px;
}
[data-rk] .ju367v5y {
  min-width: 24px;
}
[data-rk] .ju367v5z {
  min-width: 28px;
}
[data-rk] .ju367v60 {
  min-width: 30px;
}
[data-rk] .ju367v61 {
  min-width: 32px;
}
[data-rk] .ju367v62 {
  min-width: 34px;
}
[data-rk] .ju367v63 {
  min-width: 36px;
}
[data-rk] .ju367v64 {
  min-width: 40px;
}
[data-rk] .ju367v65 {
  min-width: 44px;
}
[data-rk] .ju367v66 {
  min-width: 48px;
}
[data-rk] .ju367v67 {
  min-width: 54px;
}
[data-rk] .ju367v68 {
  min-width: 60px;
}
[data-rk] .ju367v69 {
  min-width: 200px;
}
[data-rk] .ju367v6a {
  min-width: 100%;
}
[data-rk] .ju367v6b {
  min-width: -moz-max-content;
  min-width: max-content;
}
[data-rk] .ju367v6c {
  overflow: hidden;
}
[data-rk] .ju367v6d {
  padding-bottom: 0;
}
[data-rk] .ju367v6e {
  padding-bottom: 1px;
}
[data-rk] .ju367v6f {
  padding-bottom: 2px;
}
[data-rk] .ju367v6g {
  padding-bottom: 3px;
}
[data-rk] .ju367v6h {
  padding-bottom: 4px;
}
[data-rk] .ju367v6i {
  padding-bottom: 5px;
}
[data-rk] .ju367v6j {
  padding-bottom: 6px;
}
[data-rk] .ju367v6k {
  padding-bottom: 8px;
}
[data-rk] .ju367v6l {
  padding-bottom: 10px;
}
[data-rk] .ju367v6m {
  padding-bottom: 12px;
}
[data-rk] .ju367v6n {
  padding-bottom: 14px;
}
[data-rk] .ju367v6o {
  padding-bottom: 16px;
}
[data-rk] .ju367v6p {
  padding-bottom: 18px;
}
[data-rk] .ju367v6q {
  padding-bottom: 20px;
}
[data-rk] .ju367v6r {
  padding-bottom: 24px;
}
[data-rk] .ju367v6s {
  padding-bottom: 28px;
}
[data-rk] .ju367v6t {
  padding-bottom: 32px;
}
[data-rk] .ju367v6u {
  padding-bottom: 36px;
}
[data-rk] .ju367v6v {
  padding-bottom: 44px;
}
[data-rk] .ju367v6w {
  padding-bottom: 64px;
}
[data-rk] .ju367v6x {
  padding-bottom: -1px;
}
[data-rk] .ju367v6y {
  padding-left: 0;
}
[data-rk] .ju367v6z {
  padding-left: 1px;
}
[data-rk] .ju367v70 {
  padding-left: 2px;
}
[data-rk] .ju367v71 {
  padding-left: 3px;
}
[data-rk] .ju367v72 {
  padding-left: 4px;
}
[data-rk] .ju367v73 {
  padding-left: 5px;
}
[data-rk] .ju367v74 {
  padding-left: 6px;
}
[data-rk] .ju367v75 {
  padding-left: 8px;
}
[data-rk] .ju367v76 {
  padding-left: 10px;
}
[data-rk] .ju367v77 {
  padding-left: 12px;
}
[data-rk] .ju367v78 {
  padding-left: 14px;
}
[data-rk] .ju367v79 {
  padding-left: 16px;
}
[data-rk] .ju367v7a {
  padding-left: 18px;
}
[data-rk] .ju367v7b {
  padding-left: 20px;
}
[data-rk] .ju367v7c {
  padding-left: 24px;
}
[data-rk] .ju367v7d {
  padding-left: 28px;
}
[data-rk] .ju367v7e {
  padding-left: 32px;
}
[data-rk] .ju367v7f {
  padding-left: 36px;
}
[data-rk] .ju367v7g {
  padding-left: 44px;
}
[data-rk] .ju367v7h {
  padding-left: 64px;
}
[data-rk] .ju367v7i {
  padding-left: -1px;
}
[data-rk] .ju367v7j {
  padding-right: 0;
}
[data-rk] .ju367v7k {
  padding-right: 1px;
}
[data-rk] .ju367v7l {
  padding-right: 2px;
}
[data-rk] .ju367v7m {
  padding-right: 3px;
}
[data-rk] .ju367v7n {
  padding-right: 4px;
}
[data-rk] .ju367v7o {
  padding-right: 5px;
}
[data-rk] .ju367v7p {
  padding-right: 6px;
}
[data-rk] .ju367v7q {
  padding-right: 8px;
}
[data-rk] .ju367v7r {
  padding-right: 10px;
}
[data-rk] .ju367v7s {
  padding-right: 12px;
}
[data-rk] .ju367v7t {
  padding-right: 14px;
}
[data-rk] .ju367v7u {
  padding-right: 16px;
}
[data-rk] .ju367v7v {
  padding-right: 18px;
}
[data-rk] .ju367v7w {
  padding-right: 20px;
}
[data-rk] .ju367v7x {
  padding-right: 24px;
}
[data-rk] .ju367v7y {
  padding-right: 28px;
}
[data-rk] .ju367v7z {
  padding-right: 32px;
}
[data-rk] .ju367v80 {
  padding-right: 36px;
}
[data-rk] .ju367v81 {
  padding-right: 44px;
}
[data-rk] .ju367v82 {
  padding-right: 64px;
}
[data-rk] .ju367v83 {
  padding-right: -1px;
}
[data-rk] .ju367v84 {
  padding-top: 0;
}
[data-rk] .ju367v85 {
  padding-top: 1px;
}
[data-rk] .ju367v86 {
  padding-top: 2px;
}
[data-rk] .ju367v87 {
  padding-top: 3px;
}
[data-rk] .ju367v88 {
  padding-top: 4px;
}
[data-rk] .ju367v89 {
  padding-top: 5px;
}
[data-rk] .ju367v8a {
  padding-top: 6px;
}
[data-rk] .ju367v8b {
  padding-top: 8px;
}
[data-rk] .ju367v8c {
  padding-top: 10px;
}
[data-rk] .ju367v8d {
  padding-top: 12px;
}
[data-rk] .ju367v8e {
  padding-top: 14px;
}
[data-rk] .ju367v8f {
  padding-top: 16px;
}
[data-rk] .ju367v8g {
  padding-top: 18px;
}
[data-rk] .ju367v8h {
  padding-top: 20px;
}
[data-rk] .ju367v8i {
  padding-top: 24px;
}
[data-rk] .ju367v8j {
  padding-top: 28px;
}
[data-rk] .ju367v8k {
  padding-top: 32px;
}
[data-rk] .ju367v8l {
  padding-top: 36px;
}
[data-rk] .ju367v8m {
  padding-top: 44px;
}
[data-rk] .ju367v8n {
  padding-top: 64px;
}
[data-rk] .ju367v8o {
  padding-top: -1px;
}
[data-rk] .ju367v8p {
  position: absolute;
}
[data-rk] .ju367v8q {
  position: fixed;
}
[data-rk] .ju367v8r {
  position: relative;
}
[data-rk] .ju367v8s {
  -webkit-user-select: none;
}
[data-rk] .ju367v8t {
  right: 0;
}
[data-rk] .ju367v8u {
  transition: 0.125s ease;
}
[data-rk] .ju367v8v {
  transition: transform 0.125s ease;
}
[data-rk] .ju367v8w {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-rk] .ju367v8x {
  width: 1px;
}
[data-rk] .ju367v8y {
  width: 2px;
}
[data-rk] .ju367v8z {
  width: 4px;
}
[data-rk] .ju367v90 {
  width: 8px;
}
[data-rk] .ju367v91 {
  width: 12px;
}
[data-rk] .ju367v92 {
  width: 20px;
}
[data-rk] .ju367v93 {
  width: 24px;
}
[data-rk] .ju367v94 {
  width: 28px;
}
[data-rk] .ju367v95 {
  width: 30px;
}
[data-rk] .ju367v96 {
  width: 32px;
}
[data-rk] .ju367v97 {
  width: 34px;
}
[data-rk] .ju367v98 {
  width: 36px;
}
[data-rk] .ju367v99 {
  width: 40px;
}
[data-rk] .ju367v9a {
  width: 44px;
}
[data-rk] .ju367v9b {
  width: 48px;
}
[data-rk] .ju367v9c {
  width: 54px;
}
[data-rk] .ju367v9d {
  width: 60px;
}
[data-rk] .ju367v9e {
  width: 200px;
}
[data-rk] .ju367v9f {
  width: 100%;
}
[data-rk] .ju367v9g {
  width: -moz-max-content;
  width: max-content;
}
[data-rk] .ju367v9h {
  -webkit-backdrop-filter: var(--rk-blurs-modalOverlay);
  backdrop-filter: var(--rk-blurs-modalOverlay);
}
[data-rk] .ju367v9i {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9j:hover {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9k:active {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9l {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9m:hover {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9n:active {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9o {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9p:hover {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9q:active {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9r {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9s:hover {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9t:active {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9u {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9v:hover {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9w:active {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9x {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9y:hover {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9z:active {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367va0 {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va1:hover {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va2:active {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va3 {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va4:hover {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va5:active {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va6 {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va7:hover {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va8:active {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va9 {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vaa:hover {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vab:active {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vac {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vad:hover {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vae:active {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vaf {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vag:hover {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vah:active {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vai {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vaj:hover {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vak:active {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367val {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vam:hover {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367van:active {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vao {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vap:hover {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vaq:active {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367var {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vas:hover {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vat:active {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vau {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vav:hover {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vaw:active {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vax {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vay:hover {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vaz:active {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vb0 {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb1:hover {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb2:active {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb3 {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb4:hover {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb5:active {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb6 {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb7:hover {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb8:active {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb9 {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vba:hover {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vbb:active {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vbc {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbd:hover {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbe:active {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbf {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbg:hover {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbh:active {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbi {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbj:hover {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbk:active {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbl {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbm:hover {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbn:active {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbo {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbp:hover {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbq:active {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbr {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbs:hover {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbt:active {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbu {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbv:hover {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbw:active {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbx {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vby:hover {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vbz:active {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vc0 {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc1:hover {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc2:active {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc3 {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc4:hover {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc5:active {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc6 {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc7:hover {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc8:active {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc9 {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vca:hover {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vcb:active {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vcc {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vcd:hover {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vce:active {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vcf {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vcg:hover {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vch:active {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vci {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcj:hover {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vck:active {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcl {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vcm:hover {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vcn:active {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vco {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcp:hover {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcq:active {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcr {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcs:hover {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vct:active {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcu {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcv:hover {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcw:active {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcx {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vcy:hover {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vcz:active {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vd0 {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd1:hover {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd2:active {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd3 {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd4:hover {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd5:active {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd6 {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd7:hover {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd8:active {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd9 {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vda:hover {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vdb:active {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vdc {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vdd:hover {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vde:active {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vdf {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdg:hover {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdh:active {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdi {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdj:hover {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdk:active {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdl {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdm:hover {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdn:active {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdo {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdp:hover {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdq:active {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdr {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vds:hover {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdt:active {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdu {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdv:hover {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdw:active {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdx {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vdy:hover {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vdz:active {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367ve0 {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve1:hover {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve2:active {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve3 {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve4:hover {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve5:active {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve6 {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve7:hover {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve8:active {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve9 {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vea:hover {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367veb:active {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vec {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367ved:hover {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vee:active {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vef {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367veg:hover {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367veh:active {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367vei {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vej:hover {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vek:active {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vel {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367vem:hover {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367ven:active {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367veo {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367vep:hover {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367veq:active {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367ver {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367ves:hover {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367vet:active {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367veu {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vev:hover {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vew:active {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vex {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vey:hover {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vez:active {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vf0 {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf1:hover {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf2:active {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf3 {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf4:hover {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf5:active {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf6 {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf7:hover {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf8:active {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf9 {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfa:hover {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfb:active {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfc {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vfd:hover {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vfe:active {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vff {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfg:hover {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfh:active {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfi {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfj:hover {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfk:active {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfl {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfm:hover {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfn:active {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfo {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfp:hover {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfq:active {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfr {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfs:hover {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vft:active {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfu {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfv:hover {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfw:active {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfx {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vfy:hover {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vfz:active {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vg0 {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg1:hover {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg2:active {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg3 {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg4:hover {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg5:active {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg6 {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg7:hover {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg8:active {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg9 {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vga:hover {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vgb:active {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vgc {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vgd:hover {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vge:active {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vgf {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgg:hover {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgh:active {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgi {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgj:hover {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgk:active {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgl {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgm:hover {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgn:active {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgo {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgp:hover {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgq:active {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgr {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgs:hover {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgt:active {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgu {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgv:hover {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgw:active {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgx {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgy:hover {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgz:active {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vh0 {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh1:hover {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh2:active {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh3 {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh4:hover {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh5:active {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh6 {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh7:hover {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh8:active {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh9 {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vha:hover {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vhb:active {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vhc {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhd:hover {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhe:active {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhf {
  color: var(--rk-colors-standby);
}
[data-rk] .ju367vhg:hover {
  color: var(--rk-colors-standby);
}
[data-rk] .ju367vhh:active {
  color: var(--rk-colors-standby);
}
@media screen and (min-width: 768px) {
  [data-rk] .ju367v1 {
    align-items: flex-start;
  }
  [data-rk] .ju367v3 {
    align-items: flex-end;
  }
  [data-rk] .ju367v5 {
    align-items: center;
  }
  [data-rk] .ju367v7 {
    display: none;
  }
  [data-rk] .ju367v9 {
    display: block;
  }
  [data-rk] .ju367vb {
    display: flex;
  }
  [data-rk] .ju367vd {
    display: inline;
  }
}

/* vanilla-extract-css-ns:src/css/touchableStyles.css.ts.vanilla.css?source=Ll8xMmNibzhpMywuXzEyY2JvOGkzOjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDE7CiAgLS1fMTJjYm84aTE6IDE7Cn0KLl8xMmNibzhpMzpob3ZlciB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTApKTsKfQouXzEyY2JvOGkzOmFjdGl2ZSB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTEpKTsKfQouXzEyY2JvOGkzOmFjdGl2ZTo6YWZ0ZXIgewogIGNvbnRlbnQ6ICIiOwogIGJvdHRvbTogLTFweDsKICBkaXNwbGF5OiBibG9jazsKICBsZWZ0OiAtMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICByaWdodDogLTFweDsKICB0b3A6IC0xcHg7CiAgdHJhbnNmb3JtOiBzY2FsZShjYWxjKCgxIC8gdmFyKC0tXzEyY2JvOGkxKSkgKiB2YXIoLS1fMTJjYm84aTApKSk7Cn0KLl8xMmNibzhpNCwuXzEyY2JvOGk0OjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDEuMDI1Owp9Ci5fMTJjYm84aTUsLl8xMmNibzhpNTo6YWZ0ZXIgewogIC0tXzEyY2JvOGkwOiAxLjE7Cn0KLl8xMmNibzhpNiwuXzEyY2JvOGk2OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTU7Cn0KLl8xMmNibzhpNywuXzEyY2JvOGk3OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTsKfQ== */
[data-rk] ._12cbo8i3,
[data-rk] ._12cbo8i3::after {
  --_12cbo8i0: 1;
  --_12cbo8i1: 1;
}
[data-rk] ._12cbo8i3:hover {
  transform: scale(var(--_12cbo8i0));
}
[data-rk] ._12cbo8i3:active {
  transform: scale(var(--_12cbo8i1));
}
[data-rk] ._12cbo8i3:active::after {
  content: "";
  bottom: -1px;
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)));
}
[data-rk] ._12cbo8i4,
[data-rk] ._12cbo8i4::after {
  --_12cbo8i0: 1.025;
}
[data-rk] ._12cbo8i5,
[data-rk] ._12cbo8i5::after {
  --_12cbo8i0: 1.1;
}
[data-rk] ._12cbo8i6,
[data-rk] ._12cbo8i6::after {
  --_12cbo8i1: 0.95;
}
[data-rk] ._12cbo8i7,
[data-rk] ._12cbo8i7::after {
  --_12cbo8i1: 0.9;
}

/* vanilla-extract-css-ns:src/components/Icons/Icons.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWx1dWxlNDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9Ci5fMWx1dWxlNDIgewogIGFuaW1hdGlvbjogXzFsdXVsZTQxIDNzIGluZmluaXRlIGxpbmVhcjsKfQouXzFsdXVsZTQzIHsKICBiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChmcm9tIDE4MGRlZyBhdCA1MCUgNTAlLCByZ2JhKDcyLCAxNDYsIDI1NCwgMCkgMGRlZywgY3VycmVudENvbG9yIDI4Mi4wNGRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDMxOS44NmRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDM2MGRlZyk7CiAgaGVpZ2h0OiAyMXB4OwogIHdpZHRoOiAyMXB4Owp9 */
@keyframes _1luule41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
[data-rk] ._1luule42 {
  animation: _1luule41 3s infinite linear;
}
[data-rk] ._1luule43 {
  background:
    conic-gradient(
      from 180deg at 50% 50%,
      rgba(72, 146, 254, 0) 0deg,
      currentColor 282.04deg,
      rgba(72, 146, 254, 0) 319.86deg,
      rgba(72, 146, 254, 0) 360deg);
  height: 21px;
  width: 21px;
}

/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfOXBtNGtpMCB7CiAgMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICB9Cn0KQGtleWZyYW1lcyBfOXBtNGtpMSB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KfQouXzlwbTRraTMgewogIGFuaW1hdGlvbjogXzlwbTRraTEgMTUwbXMgZWFzZTsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogMjE0NzQ4MzY0NjsKfQouXzlwbTRraTUgewogIGFuaW1hdGlvbjogXzlwbTRraTAgMzUwbXMgY3ViaWMtYmV6aWVyKC4xNSwxLjE1LDAuNiwxLjAwKSwgXzlwbTRraTEgMTUwbXMgZWFzZTsKICBtYXgtd2lkdGg6IDEwMHZ3Owp9 */
@keyframes _9pm4ki0 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes _9pm4ki1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-rk] ._9pm4ki3 {
  animation: _9pm4ki1 150ms ease;
  bottom: -200px;
  left: -200px;
  padding: 200px;
  right: -200px;
  top: -200px;
  transform: translateZ(0);
  z-index: 2147483646;
}
[data-rk] ._9pm4ki5 {
  animation: _9pm4ki0 350ms cubic-bezier(.15, 1.15, 0.6, 1.00), _9pm4ki1 150ms ease;
  max-width: 100vw;
}

/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=Ll8xY2tqcG9rMSB7CiAgYm94LXNpemluZzogY29udGVudC1ib3g7CiAgbWF4LXdpZHRoOiAxMDB2dzsKICB3aWR0aDogMzYwcHg7Cn0KLl8xY2tqcG9rMiB7CiAgd2lkdGg6IDEwMHZ3Owp9Ci5fMWNranBvazMgewogIG1pbi13aWR0aDogNzIwcHg7CiAgd2lkdGg6IDcyMHB4Owp9Ci5fMWNranBvazQgewogIG1pbi13aWR0aDogMzY4cHg7CiAgd2lkdGg6IDM2OHB4Owp9Ci5fMWNranBvazYgewogIGJvcmRlci13aWR0aDogMHB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgd2lkdGg6IDEwMHZ3Owp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7CiAgLl8xY2tqcG9rMSB7CiAgICB3aWR0aDogMzYwcHg7CiAgfQogIC5fMWNranBvazIgewogICAgd2lkdGg6IDQ4MHB4OwogIH0KICAuXzFja2pwb2s0IHsKICAgIG1pbi13aWR0aDogMzY4cHg7CiAgICB3aWR0aDogMzY4cHg7CiAgfQp9CkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7CiAgLl8xY2tqcG9rNyB7CiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwOwogICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7CiAgICBtYXJnaW4tdG9wOiAtMjAwcHg7CiAgICBwYWRkaW5nLWJvdHRvbTogMjAwcHg7CiAgICB0b3A6IDIwMHB4OwogIH0KfQ== */
[data-rk] ._1ckjpok1 {
  box-sizing: content-box;
  max-width: 100vw;
  width: 360px;
}
[data-rk] ._1ckjpok2 {
  width: 100vw;
}
[data-rk] ._1ckjpok3 {
  min-width: 720px;
  width: 720px;
}
[data-rk] ._1ckjpok4 {
  min-width: 368px;
  width: 368px;
}
[data-rk] ._1ckjpok6 {
  border-width: 0px;
  box-sizing: border-box;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  [data-rk] ._1ckjpok1 {
    width: 360px;
  }
  [data-rk] ._1ckjpok2 {
    width: 480px;
  }
  [data-rk] ._1ckjpok4 {
    min-width: 368px;
    width: 368px;
  }
}
@media screen and (max-width: 767px) {
  [data-rk] ._1ckjpok7 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: -200px;
    padding-bottom: 200px;
    top: 200px;
  }
}

/* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=LnY5aG9yYjA6aG92ZXIgewogIGJhY2tncm91bmQ6IHVuc2V0Owp9 */
[data-rk] .v9horb0:hover {
  background: unset;
}

/* vanilla-extract-css-ns:src/components/ChainModal/ChainModal.css.ts.vanilla.css?source=Ll8xOGRxdzl4MCB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xOGRxdzl4MSB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOwp9Ci5fMThkcXc5eDE6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9 */
[data-rk] ._18dqw9x0 {
  max-height: 456px;
  overflow-y: auto;
  overflow-x: hidden;
}
[data-rk] ._18dqw9x1 {
  max-height: 456px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
[data-rk] ._18dqw9x1::-webkit-scrollbar {
  display: none;
}

/* vanilla-extract-css-ns:src/components/ModalSelection/ModalSelection.css.ts.vanilla.css?source=Lmc1a2wwbDAgewogIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0= */
[data-rk] .g5kl0l0 {
  border-color: transparent;
}

/* vanilla-extract-css-ns:src/components/ConnectOptions/DesktopOptions.css.ts.vanilla.css?source=Ll8xdnd0MGNnMCB7CiAgYmFja2dyb3VuZDogd2hpdGU7CiAgY29sb3I6IGJsYWNrOwp9Ci5fMXZ3dDBjZzIgewogIG1heC1oZWlnaHQ6IDQ1NHB4OwogIG92ZXJmbG93LXk6IGF1dG87Cn0KLl8xdnd0MGNnMyB7CiAgbWluLXdpZHRoOiAyODdweDsKfQouXzF2d3QwY2c0IHsKICBtaW4td2lkdGg6IDEwMCU7Cn0= */
[data-rk] ._1vwt0cg0 {
  background: white;
  color: black;
}
[data-rk] ._1vwt0cg2 {
  max-height: 454px;
  overflow-y: auto;
}
[data-rk] ._1vwt0cg3 {
  min-width: 287px;
}
[data-rk] ._1vwt0cg4 {
  min-width: 100%;
}

/* vanilla-extract-css-ns:src/components/ConnectOptions/MobileOptions.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWFtMTQ0MTEgewogIDAlIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogIH0KICAxMDAlIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAtMjgzOwogIH0KfQouXzFhbTE0NDEwIHsKICBvdmVyZmxvdzogYXV0bzsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApOwp9Ci5fMWFtMTQ0MTA6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9Ci5fMWFtMTQ0MTIgewogIGFuaW1hdGlvbjogXzFhbTE0NDExIDFzIGxpbmVhciBpbmZpbml0ZTsKICBzdHJva2UtZGFzaGFycmF5OiA5OCAxOTY7CiAgZmlsbDogbm9uZTsKICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgc3Ryb2tlLXdpZHRoOiA0Owp9Ci5fMWFtMTQ0MTMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKfQ== */
@keyframes _1am14411 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -283;
  }
}
[data-rk] ._1am14410 {
  overflow: auto;
  scrollbar-width: none;
  transform: translateZ(0);
}
[data-rk] ._1am14410::-webkit-scrollbar {
  display: none;
}
[data-rk] ._1am14412 {
  animation: _1am14411 1s linear infinite;
  stroke-dasharray: 98 196;
  fill: none;
  stroke-linecap: round;
  stroke-width: 4;
}
[data-rk] ._1am14413 {
  position: absolute;
}

/* vanilla-extract-css-ns:src/components/WalletButton/WalletButton.css.ts.vanilla.css?source=Ll8xeTJsbmZpMCB7CiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgxNiwgMjEsIDMxLCAwLjA2KTsKfQouXzF5MmxuZmkxIHsKICBtYXgtd2lkdGg6IGZpdC1jb250ZW50Owp9 */
[data-rk] ._1y2lnfi0 {
  border: 1px solid rgba(16, 21, 31, 0.06);
}
[data-rk] ._1y2lnfi1 {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* Import Google Fonts at the very top - must be before any other CSS rules */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");

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

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

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

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

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

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

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

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

code,
kbd,
samp,
pre {
  font-family: var(--font-geist-mono), monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

/*
Set the default cursor for buttons.
*/

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

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

:disabled {
  cursor: default;
}

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

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

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

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

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

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

* {
    font-family: var(--font-unbounded), var(--font-martian-mono), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  }
.\!container{
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media (min-width: 1200px){

  .\!container{
    max-width: 1200px !important;
  }

  .container{
    max-width: 1200px;
  }
}
.visible{
  visibility: visible;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.block{
  display: block;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-2{
  height: 0.5rem;
}
.h-3{
  height: 0.75rem;
}
.h-auto{
  height: auto;
}
.w-2{
  width: 0.5rem;
}
.w-3{
  width: 0.75rem;
}
.w-\[70px\]{
  width: 70px;
}
.w-full{
  width: 100%;
}
.max-w-4xl{
  max-width: 56rem;
}
.flex-shrink{
  flex-shrink: 1;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize{
  resize: both;
}
.flex-col{
  flex-direction: column;
}
.items-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.border{
  border-width: 1px;
}
.bg-\[rgb\(72\2c 76\2c 80\)\]{
  --tw-bg-opacity: 1;
  background-color: rgb(72 76 80 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-6{
  padding: 1.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pt-\[70px\]{
  padding-top: 70px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.uppercase{
  text-transform: uppercase;
}
.text-ember{
  --tw-text-opacity: 1;
  color: rgb(221 72 55 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-50{
  opacity: 0.5;
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-500{
  transition-duration: 500ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* Fix for side menu collapsed functionality - override squad.css rules */
.side-menu-container--collapsed .side-menu-label.side-menu-label--hidden {
  display: none !important;
}

/* Keep toggle button visible always */
.side-menu-toggle-button {
  display: block !important;
}

/* Keep circle visible when collapsed */
.side-menu-container--collapsed .side-menu-button .side-menu-circle {
  display: flex !important;
}

/* Adjust menu container when collapsed */
.side-menu-container--collapsed .side-menu-container {
  width: auto;
  min-width: 60px;
  padding-left: 5px;
  padding-right: 5px;
}

.side-menu-container--collapsed .side-menu-button {
  justify-content: center;
  padding: 8px 5px;
}

:root {
  --background: #0e0e16;
  --foreground: #f5f5f5;
  --accent-primary: #dd4837;
  --accent-secondary: #ead351;
  --card: #1c1c28;
  --stroke: rgba(255, 255, 255, 0.12);
  }

html {
  scroll-behavior: smooth;
}

body {
  color: var(--foreground);
  background: radial-gradient(circle at top, #1d1d2f 0%, #0e0e16 55%);
  font-family: var(--font-unbounded), var(--font-martian-mono), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  min-height: 100vh;
}

/* Hide all scrollbars but allow scrolling */
* {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

*::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* Ensure Unbounded font is applied to all elements */
* {
  font-family: var(--font-unbounded), var(--font-martian-mono), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

section {
  scroll-margin-top: 120px;
}

/* Fighter Carousel - Professional class names */
.fighter-carousel-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  overflow-x: hidden;
}

.fighter-carousel-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 800px;
  margin: auto;
  position: relative;
  font-family: Martian Mono;
}

.fighter-carousel-nav-button {
  background: none;
  border: none;
  color: white;
  font-size: 2rem;
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.fighter-carousel-nav-button:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

.fighter-carousel-nav-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.fighter-carousel-cards {
  display: flex;
  gap: 20px;
  overflow: visible;
  width: 100%;
  justify-content: center;
  align-items: center;
  min-height: 285px;
}

@media (max-width: 768px) {
  .fighter-carousel-cards {
    gap: 0;
  }
  
  /* Hide non-active cards on mobile */
  .fighter-carousel-card:not(.fighter-carousel-card--active) {
    display: none;
  }
  
  /* Center the active card on mobile */
  .fighter-carousel-card--active {
    margin: 0 auto;
  }
  
  /* Mobile fullscreen fallback for video containers */
  .mobile-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    background: #000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .mobile-fullscreen iframe {
    width: 100% !important;
    height: 100% !important;
  }
}

.fighter-carousel-card {
  position: relative;
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 200px;
  height: 285px;
  border-radius: 10px;
  overflow: hidden;
  background: #222;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  opacity: 0.7;
  transform: scale(0.85);
}

.fighter-carousel-card--active {
  transform: scale(1);
  z-index: 2;
  opacity: 1;
  box-shadow: 0 4px 20px rgba(211, 72, 55, 0.4);
  border: 2px solid rgba(211, 72, 55, 0.6);
}

.fighter-carousel-card--blurred {
  filter: blur(5px);
  opacity: 0.6;
  transition: filter 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.fighter-carousel-card__image {
  margin-top: 10px;
  border-radius: 10px;
  max-width: 180px;
  max-height: 180px;
  border: 0.3px solid rgb(211, 211, 211);
}

.fighter-carousel-card__name {
  margin-top: 10px;
  color: black;
  font-size: 14px;
}

.fighter-carousel-card__creator {
  margin-top: 5px;
  color: rgb(94, 94, 94);
  font-size: 10px;
}

.fighter-carousel-card__info {
  width: 90%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  color: black;
  font-size: 12px;
  font-weight: 100;
}

/* Legacy class name support - keeping for backward compatibility */
.carousel_arrow__HHMhv {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.carousel_arrow__HHMhv:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

.carousel_arrow__HHMhv:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Welcome video fade out effect - handled by React state and Tailwind classes */

/* Ensure all text uses Unbounded font */
body, main, section, div, p, h1, h2, h3, h4, h5, h6, span, button, a, td, th, table, thead, tbody, tr {
  font-family: var(--font-unbounded), var(--font-martian-mono), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}

/* Override Tailwind base styles to ensure Unbounded font takes precedence */

/* Mobile responsive */
@media (max-width: 768px) {
  /* Prevent horizontal overflow at root level */
  html {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }
  
  body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    position: relative !important;
  }
  
  /* Adjust padding-top for mobile (header 50px + menu spacing) */
  body > div > div > div:last-child {
    padding-top: 140px !important; /* 50px header + 90px menu position */
  }
  
  /* Side menu positioning - creates space below header */
  .side-menu-container {
    top: 74px !important;
    transform: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
    opacity: 0.85 !important;
  }
  
  /* Main container */
  main {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  .main-content-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* Sections - fit screen width and adjust height */
  .fighter-selection-section {
    padding-top: 60px !important;
  }
  .fighter-selection-section,
  .training-method-section {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    /* padding-top: 120px !important; */
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .strava-connection-section,
  .training-progress-section {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    padding-top: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  section {
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  
  /* Content containers */
  .fighter-carousel-wrapper,
  .carousel_carousel__PxPRp {
    max-width: 90vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .fighter-carousel-container,
  .carousel_carouselContainer__kIQw9 {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .fighter-carousel-card {
    width: 199px !important;
    height: 264px !important;
    border-radius: 10px !important;
  }

  .fighter-carousel-card__image {
    margin-top: 5px !important;
    border-radius: 5px !important;
    max-width: 180px !important;
    max-height: 180px !important;
  }

  .fighter-carousel-card__name {
    margin-top: 10px !important;
    font-size: 10px !important;
  }

  .fighter-carousel-card__creator {
    margin-top: 2px !important;
    font-size: 8px !important;
  }

  .fighter-carousel-card__info {
    padding: 10px !important;
    font-size: 8px !important;
  }

  .fighter-carousel-cards {
    gap: 0.5rem !important;
  }
  
  .training-method-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  
  /* Fighter display and training containers */
  .fighter-display-wrapper,
  .training-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  .fighter-display-container,
  .training-container {
    max-width: 90vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-x: hidden !important;
  }
  
  /* Images and media - fit container */
  img {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  iframe,video{
    max-width: 100% !important;
    height: 350px !important;
    box-sizing: border-box !important;
  }
  
  /* All divs - prevent overflow */
  div {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Text elements - prevent overflow */
  p, span, h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }
  
  /* Buttons and links */
  button, a {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Forms and inputs */
  form, input, textarea, select {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* ============================================
     HEADER - Mobile Responsive
     ============================================ */
  
  /* Header container - ensure clickability */
  .navigation-bar {
    z-index: 10000 !important;
    position: fixed !important;
    pointer-events: auto !important;
    gap: 10px !important;
  }

  /* Logo - ensure clickable */
  .navigation-logo {
    pointer-events: auto !important;
    z-index: 10001 !important;
    position: relative !important;
  }

  .navigation-logo a,
  .navigation-logo a * {
    pointer-events: auto !important;
  }

  /* Navigation right section */
  .navigation-right {
    pointer-events: auto !important;
    z-index: 10001 !important;
    position: relative !important;
  }

  /* Leaderboard link - ensure clickable */
  .navigation-leaderboard-link {
    pointer-events: auto !important;
    z-index: 10002 !important;
    position: relative !important;
  }

  .navigation-leaderboard-link * {
    pointer-events: auto !important;
  }

  /* Awesome shiny leaderboard icon styling */
  .navigation-trophy-icon {
    position: relative !important;
    filter: drop-shadow(0 0 6px rgba(234, 211, 81, 1)) 
            drop-shadow(0 0 12px rgba(234, 211, 81, 0.9))
            drop-shadow(0 0 18px rgba(234, 211, 81, 0.7))
            drop-shadow(0 0 24px rgba(234, 211, 81, 0.5)) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    animation: nav_iconPulse__animation 2s ease-in-out infinite !important;
    overflow: visible !important;
  }

  /* Shimmer overlay effect for leaderboard icon */
  .navigation-leaderboard-link .navigation-trophy-icon::after {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(
      45deg,
      transparent 30%,
      rgba(234, 211, 81, 0.4) 50%,
      transparent 70%
    ) !important;
    animation: nav_shimmer__animation 3s infinite !important;
    pointer-events: none !important;
    z-index: 10 !important;
    border-radius: 50% !important;
  }

  @keyframes nav_shimmer__animation {
    0% {
      transform: translateX(-100%) translateY(-100%) rotate(45deg) !important;
      opacity: 0 !important;
    }
    50% {
      opacity: 1 !important;
    }
    100% {
      transform: translateX(100%) translateY(100%) rotate(45deg) !important;
      opacity: 0 !important;
    }
  }

  @keyframes nav_iconPulse__animation {
    0%, 100% {
      filter: drop-shadow(0 0 6px rgba(234, 211, 81, 1)) 
              drop-shadow(0 0 12px rgba(234, 211, 81, 0.9))
              drop-shadow(0 0 18px rgba(234, 211, 81, 0.7))
              drop-shadow(0 0 24px rgba(234, 211, 81, 0.5)) !important;
    }
    50% {
      filter: drop-shadow(0 0 10px rgba(234, 211, 81, 1)) 
              drop-shadow(0 0 20px rgba(234, 211, 81, 1))
              drop-shadow(0 0 30px rgba(234, 211, 81, 0.9))
              drop-shadow(0 0 40px rgba(234, 211, 81, 0.7)) !important;
    }
  }

  .nav_trophyIcon__c74LO:hover {
    filter: drop-shadow(0 0 12px rgba(234, 211, 81, 1)) 
            drop-shadow(0 0 24px rgba(234, 211, 81, 1))
            drop-shadow(0 0 36px rgba(234, 211, 81, 1))
            drop-shadow(0 0 48px rgba(234, 211, 81, 0.9)) !important;
    transform: scale(1.15) rotate(5deg) !important;
    animation: none !important;
  }

  /* Awesome shiny trophy emoji icon */
  .navigation-trophy-emoji {
    font-size: 20px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    filter: drop-shadow(0 0 8px rgba(234, 211, 81, 1))
            drop-shadow(0 0 16px rgba(234, 211, 81, 0.9))
            drop-shadow(0 0 24px rgba(234, 211, 81, 0.8))
            drop-shadow(0 0 32px rgba(234, 211, 81, 0.7))
            drop-shadow(0 0 40px rgba(234, 211, 81, 0.6)) !important;
    text-shadow: 0 0 10px rgba(234, 211, 81, 1),
                 0 0 20px rgba(234, 211, 81, 0.9),
                 0 0 30px rgba(234, 211, 81, 0.8),
                 0 0 40px rgba(234, 211, 81, 0.7),
                 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    animation: nav_trophyShine__animation 2.5s ease-in-out infinite !important;
    transform-origin: center !important;
  }

  @keyframes nav_trophyShine__animation {
    0%, 100% {
      filter: drop-shadow(0 0 8px rgba(234, 211, 81, 1))
              drop-shadow(0 0 16px rgba(234, 211, 81, 0.9))
              drop-shadow(0 0 24px rgba(234, 211, 81, 0.8))
              drop-shadow(0 0 32px rgba(234, 211, 81, 0.7))
              drop-shadow(0 0 40px rgba(234, 211, 81, 0.6)) !important;
      text-shadow: 0 0 10px rgba(234, 211, 81, 1),
                   0 0 20px rgba(234, 211, 81, 0.9),
                   0 0 30px rgba(234, 211, 81, 0.8),
                   0 0 40px rgba(234, 211, 81, 0.7),
                   0 2px 4px rgba(0, 0, 0, 0.3) !important;
      transform: scale(1) rotate(0deg) !important;
    }
    25% {
      filter: drop-shadow(0 0 12px rgba(234, 211, 81, 1))
              drop-shadow(0 0 24px rgba(234, 211, 81, 1))
              drop-shadow(0 0 36px rgba(234, 211, 81, 1))
              drop-shadow(0 0 48px rgba(234, 211, 81, 0.9))
              drop-shadow(0 0 60px rgba(234, 211, 81, 0.8)) !important;
      text-shadow: 0 0 15px rgba(234, 211, 81, 1),
                   0 0 30px rgba(234, 211, 81, 1),
                   0 0 45px rgba(234, 211, 81, 1),
                   0 0 60px rgba(234, 211, 81, 0.9),
                   0 2px 4px rgba(0, 0, 0, 0.3) !important;
      transform: scale(1.05) rotate(-2deg) !important;
    }
    50% {
      filter: drop-shadow(0 0 10px rgba(234, 211, 81, 1))
              drop-shadow(0 0 20px rgba(234, 211, 81, 1))
              drop-shadow(0 0 30px rgba(234, 211, 81, 1))
              drop-shadow(0 0 40px rgba(234, 211, 81, 0.9))
              drop-shadow(0 0 50px rgba(234, 211, 81, 0.8)) !important;
      text-shadow: 0 0 12px rgba(234, 211, 81, 1),
                   0 0 24px rgba(234, 211, 81, 1),
                   0 0 36px rgba(234, 211, 81, 1),
                   0 0 48px rgba(234, 211, 81, 1),
                   0 2px 4px rgba(0, 0, 0, 0.3) !important;
      transform: scale(1.08) rotate(2deg) !important;
    }
    75% {
      filter: drop-shadow(0 0 12px rgba(234, 211, 81, 1))
              drop-shadow(0 0 24px rgba(234, 211, 81, 1))
              drop-shadow(0 0 36px rgba(234, 211, 81, 1))
              drop-shadow(0 0 48px rgba(234, 211, 81, 0.9))
              drop-shadow(0 0 60px rgba(234, 211, 81, 0.8)) !important;
      text-shadow: 0 0 15px rgba(234, 211, 81, 1),
                   0 0 30px rgba(234, 211, 81, 1),
                   0 0 45px rgba(234, 211, 81, 1),
                   0 0 60px rgba(234, 211, 81, 0.9),
                   0 2px 4px rgba(0, 0, 0, 0.3) !important;
      transform: scale(1.05) rotate(-2deg) !important;
    }
  }

  .nav_leaderboardLink__Vf6MI:hover .nav_trophyEmoji__shiny {
    filter: drop-shadow(0 0 16px rgba(234, 211, 81, 1))
            drop-shadow(0 0 32px rgba(234, 211, 81, 1))
            drop-shadow(0 0 48px rgba(234, 211, 81, 1))
            drop-shadow(0 0 64px rgba(234, 211, 81, 1))
            drop-shadow(0 0 80px rgba(234, 211, 81, 0.9)) !important;
    text-shadow: 0 0 20px rgba(234, 211, 81, 1),
                 0 0 40px rgba(234, 211, 81, 1),
                 0 0 60px rgba(234, 211, 81, 1),
                 0 0 80px rgba(234, 211, 81, 1),
                 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    transform: scale(1.2) rotate(8deg) !important;
    animation: none !important;
  }

  /* Shiny effect for Profile emoji icon */
  .navigation-trophy-icon > div {
    filter: drop-shadow(0 0 3px rgba(234, 211, 81, 0.9)) 
            drop-shadow(0 0 6px rgba(234, 211, 81, 0.7)) !important;
    transition: all 0.3s ease !important;
    text-shadow: 0 0 8px rgba(234, 211, 81, 0.8) !important;
  }

  .nav_leaderboardLink__Vf6MI:hover .nav_trophyIcon__c74LO > div {
    filter: drop-shadow(0 0 6px rgba(234, 211, 81, 1)) 
            drop-shadow(0 0 12px rgba(234, 211, 81, 0.9)) !important;
    text-shadow: 0 0 12px rgba(234, 211, 81, 1), 0 0 20px rgba(234, 211, 81, 0.8) !important;
    transform: scale(1.1) !important;
  }
  
  /* Wallet buttons - ensure clickable and properly sized */
  .connect-button.connect-button--red,
  .connect-button.connect-button--red.connect-button--small,
  .connect-button.connect-button--black.connect-button--small {
    pointer-events: auto !important;
    z-index: 10003 !important;
    position: relative !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(221, 72, 55, 0.3) !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    font-size: 0.8em !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* Button children should not block clicks */
  .connect-button.connect-button--red *,
  .connect-button.connect-button--red.connect-button--small *,
  .connect-button.connect-button--black.connect-button--small * {
    pointer-events: none !important;
  }
  
  /* RainbowKit modal - ensure it displays on mobile */
  [data-rk],
  [data-rk] > div,
  div[role="dialog"] {
    z-index: 99999 !important;
  }

  [data-rk] ._9pm4ki3 {
    padding: 0px;
  }
  
  div[role="dialog"] {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }
}

/* Extra small screens */
@media (max-width: 450px) {
  .navigation-right {
    gap: 5px !important;
  }
}

/* Welcome banner animation */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.welcome-banner {
  animation: slideDown 0.3s ease-out;
  position: relative;
  z-index: 998;
}

/* ============================================
   LEADERBOARD - Mobile Responsive
   ============================================ */

/* ============================================
   LEADERBOARD - Header Styling & UX Improvements
   ============================================ */

/* Leaderboard main wrapper with enhanced header styling */
.leaderboard-main-wrapper {
  position: relative !important;
  min-height: 100vh !important;
}

/* Enhanced header border and color for leaderboard page */
.leaderboard-main-wrapper::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 70px !important;
  background: linear-gradient(135deg, #EAD351 0%, #f5e66e 100%) !important;
  border-bottom: 4px solid #dd4837 !important;
  box-shadow: 0 4px 12px rgba(221, 72, 55, 0.3) !important;
  z-index: 998 !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  .leaderboard-main-wrapper::before {
    height: 50px !important;
    border-bottom-width: 3px !important;
    box-shadow: 0 3px 8px rgba(221, 72, 55, 0.25) !important;
  }
}

/* Desktop - ensure proper spacing from header (70px navbar + 30px) */
.leaderboard-container {
  padding-top: 100px !important; /* Matches leaderboard.css default */
  position: relative !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* Ensure main element doesn't interfere */
main:has(.leaderboard-container) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ============================================
   LEADERBOARD - Loading States
   ============================================ */

.leaderboard-loading-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 400px !important;
  gap: 1.5rem !important;
}

.leaderboard-loading-spinner {
  width: 50px !important;
  height: 50px !important;
  border: 4px solid rgba(255, 255, 255, 0.1) !important;
  border-top-color: #EAD351 !important;
  border-radius: 50% !important;
  animation: leaderboard-spin-animation 0.8s linear infinite !important;
}

.leaderboard-loading-text {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  animation: leaderboard-pulse-animation 1.5s ease-in-out infinite !important;
}

@keyframes leaderboard-spin-animation {
  to {
    transform: rotate(360deg) !important;
  }
}

@keyframes leaderboard-pulse-animation {
  0%, 100% {
    opacity: 0.7 !important;
  }
  50% {
    opacity: 1 !important;
  }
}

/* ============================================
   LEADERBOARD - Smooth Transitions & Animations
   ============================================ */

/* Fade transition for content changes */
.leaderboard-fade-transition {
  opacity: 0.5 !important;
  transition: opacity 0.15s ease !important;
}

.leaderboard-content {
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  animation: leaderboard-fadeIn-animation 0.3s ease !important;
}

@keyframes leaderboard-fadeIn-animation {
  from {
    opacity: 0 !important;
    transform: translateY(10px) !important;
  }
  to {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

/* Enhanced tab buttons with smooth transitions */
.leaderboard-tab {
  background: transparent !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: white !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  padding: 0.5rem 1rem !important;
  border-radius: 4px !important;
}

.leaderboard-tab:hover {
  color: #EAD351 !important;
  transform: translateY(-2px) !important;
  background: rgba(234, 211, 81, 0.1) !important;
}

.leaderboard-tab:active {
  transform: translateY(0) !important;
}

.leaderboard-tab--active {
  border-bottom: 2px solid #ffffff !important;
  color: #EAD351 !important;
}

.leaderboard-tab--active::after {
  content: "" !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #EAD351, transparent) !important;
  animation: leaderboard-tabGlow-animation 2s ease-in-out infinite !important;
}

@keyframes leaderboard-tabGlow-animation {
  0%, 100% {
    opacity: 0.5 !important;
  }
  50% {
    opacity: 1 !important;
  }
}

/* Enhanced filter buttons with smooth transitions */
.leaderboard-duration-button {
  padding: 8px 16px !important;
  font-size: 14px !important;
  color: #333 !important;
  cursor: pointer !important;
  background-color: #f4f4f4 !important;
  border-radius: 5px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-align: center !important;
  border: 2px solid transparent !important;
  font-weight: 500 !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.leaderboard-duration-button::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 50% !important;
  background: rgba(0, 123, 255, 0.2) !important;
  transform: translate(-50%, -50%) !important;
  transition: width 0.4s ease, height 0.4s ease !important;
}

.leaderboard-duration-button:hover {
  background-color: #e0e0e0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.leaderboard-duration-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.leaderboard-duration-button:active::before {
  width: 300px !important;
  height: 300px !important;
}

.leaderboard-duration-button.leaderboard-duration-button--active {
  background-color: #007bff !important;
  color: white !important;
  font-weight: 600 !important;
  border-color: #0056b3 !important;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.4) !important;
}

.leaderboard-duration-button.leaderboard-duration-button--active:hover {
  background-color: #0056b3 !important;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.5) !important;
}

/* ============================================
   LEADERBOARD - Shiny & Attractive Table Styles
   Clear, Shiny, Awesome Design
   ============================================ */

/* Base table with shiny border */
.leaderboard-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  border: 2px solid rgba(234, 211, 81, 0.4) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 
              0 0 0 1px rgba(255, 255, 255, 0.1) inset,
              0 2px 10px rgba(234, 211, 81, 0.2) !important;
  background: rgba(0, 0, 0, 0.3) !important;
}

/* Shiny table header with gradient */
.leaderboard-table thead {
  background: linear-gradient(180deg, 
    #ffffff 0%, 
    #f5f5f5 25%,
    #e8e8e8 50%,
    #f0f0f0 75%,
    #ffffff 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15),
              inset 0 1px 0 rgba(255, 255, 255, 0.9),
              inset 0 -1px 0 rgba(0, 0, 0, 0.05) !important;
  position: relative !important;
  overflow: visible !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

.leaderboard-table thead::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(234, 211, 81, 0.6) 50%, 
    transparent 100%) !important;
}

/* Shiny header cells */
.leaderboard-table th {
  background: linear-gradient(180deg, 
    #ffffff 0%, 
    #f8f8f8 50%,
    #f0f0f0 100%) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  padding: 16px 18px !important;
  text-align: left !important;
  border-bottom: 3px solid #EAD351 !important;
  border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
              inset 0 -1px 0 rgba(0, 0, 0, 0.05) !important;
  position: relative !important;
  overflow: visible !important;
}

.leaderboard-table th:first-child {
  border-top-left-radius: 12px !important;
}

.leaderboard-table th:last-child {
  border-top-right-radius: 12px !important;
  border-right: none !important;
}

.leaderboard-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px !important;
}

.leaderboard-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px !important;
}

/* Shiny table cells with clear borders */
.leaderboard-table td {
  padding: 14px 18px !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(234, 211, 81, 0.25) !important;
  border-right: 1px solid rgba(234, 211, 81, 0.15) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.2) !important;
  transition: background-color 0.2s ease !important;
}

.leaderboard-table td:last-child {
  border-right: none !important;
}

/* Last row styling */
.leaderboard-table tbody tr:last-child td {
  border-bottom: none !important;
}

.leaderboard-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px !important;
}

.leaderboard-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px !important;
}

/* Enhanced table row interactions */
.leaderboard-table tr {
  transition: all 0.2s ease !important;
}

.leaderboard-table tr:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  transform: scale(1.01) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Enhanced image hover effects */
.leaderboard-fighter-image {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
  border: 2px solid rgba(234, 211, 81, 0.3) !important;
}

.leaderboard-fighter-image:hover {
  transform: scale(1.1) rotate(2deg) !important;
  box-shadow: 0 4px 12px rgba(234, 211, 81, 0.4) !important;
  border-color: #EAD351 !important;
}

.leaderboard-icon-image {
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.leaderboard-icon-image:hover {
  opacity: 0.8 !important;
  transform: scale(1.15) !important;
}

/* Enhanced podium animations */
.leaderboard-podium {
  animation: leaderboard-podium-fade-in-animation 0.5s ease !important;
}

@keyframes leaderboard-podium-fade-in-animation {
  from {
    opacity: 0 !important;
    transform: translateY(20px) !important;
  }
  to {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

.leaderboard-podium-image {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

.leaderboard-podium-image:hover {
  transform: scale(1.1) translateY(-5px) !important;
  box-shadow: 0 8px 16px rgba(255, 215, 0, 0.4) !important;
}

/* Smooth scroll behavior */
.leaderboard-content {
  scroll-behavior: smooth !important;
}

/* Podium rank emoji animations */
.leaderboard-podium-rank {
  animation: leaderboard-rank-bounce-animation 0.6s ease 0.3s both !important;
  display: inline-block !important;
}

@keyframes leaderboard-rank-bounce-animation {
  0% {
    opacity: 0 !important;
    transform: scale(0) rotate(-180deg) !important;
  }
  50% {
    transform: scale(1.2) rotate(10deg) !important;
  }
  100% {
    opacity: 1 !important;
    transform: scale(1) rotate(0deg) !important;
  }
}

/* Delta value highlight animation */
.leaderboard-positive-delta {
  color: #4CAF50 !important;
  font-weight: 700 !important;
  animation: leaderboard-delta-pulse-animation 0.5s ease !important;
}

@keyframes leaderboard-delta-pulse-animation {
  0% {
    transform: scale(1) !important;
  }
  50% {
    transform: scale(1.1) !important;
  }
  100% {
    transform: scale(1) !important;
  }
}

/* Tooltip styles */
.leaderboard-tooltip {
  position: relative !important;
  display: inline-block !important;
  margin-left: 8px !important;
  cursor: help !important;
  z-index: 10000 !important;
}

.leaderboard-tooltip-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background-color: rgba(234, 211, 81, 0.2) !important;
  color: #EAD351 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  border: 1px solid rgba(234, 211, 81, 0.4) !important;
  transition: all 0.2s ease !important;
}

.leaderboard-tooltip:hover .leaderboard-tooltip-icon {
  background-color: rgba(234, 211, 81, 0.3) !important;
  border-color: #EAD351 !important;
  transform: scale(1.1) !important;
}

.leaderboard-tooltip-text {
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-color: rgba(0, 0, 0, 0.95) !important;
  color: #ffffff !important;
  text-align: center !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  width: 250px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  z-index: 10001 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(234, 211, 81, 0.3) !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
  pointer-events: none !important;
  white-space: normal !important;
}

.leaderboard-tooltip-text::after {
  content: "" !important;
  position: absolute !important;
  bottom: 100% !important;
  left: 50% !important;
  margin-left: -5px !important;
  border-width: 5px !important;
  border-style: solid !important;
  border-color: transparent transparent rgba(0, 0, 0, 0.95) transparent !important;
}

.leaderboard-tooltip:hover .leaderboard-tooltip-text {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure table header allows tooltip overflow */
.leaderboard-table th {
  overflow: visible !important;
}

/* Rank column styling */
.leaderboard-rank {
  font-weight: 600 !important;
  color: #EAD351 !important;
  text-align: center !important;
}

/* Total progress column styling */
.leaderboard-total-progress {
  font-weight: 600 !important;
  color: #EAD351 !important;
}

/* Loading state for table rows (stagger animation) */
.leaderboard-table tbody tr {
  animation: leaderboard-row-fade-in-animation 0.4s ease both !important;
}

.leaderboard-table tbody tr:nth-child(1) {
  animation-delay: 0.1s !important;
}

.leaderboard-table tbody tr:nth-child(2) {
  animation-delay: 0.15s !important;
}

.leaderboard-table tbody tr:nth-child(3) {
  animation-delay: 0.2s !important;
}

.leaderboard-table tbody tr:nth-child(n+4) {
  animation-delay: 0.25s !important;
}

@keyframes leaderboard-row-fade-in-animation {
  from {
    opacity: 0 !important;
    transform: translateX(-10px) !important;
  }
  to {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
}

/* Disable row animations on mobile for performance */
@media (max-width: 768px) {
  .leaderboard-table tbody tr {
    animation: none !important;
  }

  .leaderboard-podium-rank {
    animation: none !important;
  }
}

/* Tablet/Medium screens (500px - 1050px) */
@media (min-width: 500px) and (max-width: 1050px) {
  /* Leaderboard container - optimized for tablet */
  .leaderboard-container {
    padding: 1rem !important;
    padding-top: 80px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* Leaderboard tabs - better spacing for tablet */
  .leaderboard-tabs {
    gap: 0.75rem !important;
    margin-bottom: 1.25rem !important;
  }

  .leaderboard-tab {
    font-size: 0.9rem !important;
    padding: 0.6rem 1rem !important;
  }

  /* Leaderboard filters */
  .leaderboard-filter {
    margin-bottom: 1.25rem !important;
  }

  .leaderboard-duration-buttons {
    gap: 0.75rem !important;
  }

  .leaderboard-duration-button {
    font-size: 0.85rem !important;
    padding: 0.5rem 1rem !important;
  }

  /* Leaderboard podium - horizontal layout for tablet */
  .leaderboard-podium {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 1.5rem !important;
    margin-bottom: 2rem !important;
  }

  .leaderboard-podium-item--first,
  .leaderboard-podium-item--second,
  .leaderboard-podium-item--third {
    width: auto !important;
    max-width: 220px !important;
    margin-bottom: 0 !important;
  }

  /* Reset podium order for horizontal layout */
  .leaderboard-podium-item--first {
    order: 2 !important;
  }

  .leaderboard-podium-item--second {
    order: 1 !important;
  }

  .leaderboard-podium-item--third {
    order: 3 !important;
  }

  .leaderboard-podium-image {
    width: 70px !important;
    height: 70px !important;
  }

  .leaderboard-podium-name {
    font-size: 0.85rem !important;
    max-width: 150px !important;
  }

  .leaderboard-podium-rank {
    font-size: 24px !important;
  }

  /* Leaderboard table - optimized font sizes for tablet */
  .leaderboard-table {
    font-size: 11px !important;
    border-radius: 12px !important;
    display: table !important;
    width: 100% !important;
    min-width: max-content !important;
    table-layout: auto !important;
    border: 2px solid rgba(234, 211, 81, 0.5) !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 1px 8px rgba(234, 211, 81, 0.3) !important;
    background: rgba(0, 0, 0, 0.4) !important;
  }

  .leaderboard-table thead {
    display: table-header-group !important;
    background: linear-gradient(180deg, 
      #ffffff 0%, 
      #f5f5f5 20%,
      #e8e8e8 50%,
      #f0f0f0 80%,
      #ffffff 100%) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.95),
                inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
  }

  .leaderboard-table tbody {
    display: table-row-group !important;
  }

  .leaderboard-table tr {
    display: table-row !important;
  }

  .leaderboard-table th,
  .leaderboard-table td {
    display: table-cell !important;
    padding: 0.6rem 0.5rem !important;
    font-size: 0.8rem !important;
    white-space: nowrap !important;
    border-bottom: 1px solid rgba(234, 211, 81, 0.35) !important;
    border-right: 1px solid rgba(234, 211, 81, 0.2) !important;
    vertical-align: middle !important;
  }

  .leaderboard-table th {
    font-size: 0.75rem !important;
    padding: 0.7rem 0.5rem !important;
    position: sticky !important;
    top: 0 !important;
    background: linear-gradient(180deg, 
      #ffffff 0%, 
      #fafafa 30%,
      #f5f5f5 60%,
      #f0f0f0 100%) !important;
    background-color: #f9f9f9 !important;
    color: #1a1a1a !important;
    border-bottom: 3px solid #EAD351 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    z-index: 10 !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
  }

  .leaderboard-table td {
    background: rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
  }

  .leaderboard-table td:last-child {
    border-right: none !important;
  }

  .leaderboard-table th:last-child {
    border-right: none !important;
  }

  /* Column widths optimized for tablet */
  .leaderboard-table th:first-child,
  .leaderboard-table td:first-child {
    min-width: 60px !important;
    max-width: 70px !important;
    text-align: center !important;
  }

  .leaderboard-table th:nth-child(2),
  .leaderboard-table td:nth-child(2) {
    min-width: 70px !important;
    max-width: 80px !important;
    text-align: center !important;
  }

  /* Content wrapper - ensure proper scrolling */
  .leaderboard-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    position: relative !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(234, 211, 81, 0.5) rgba(0, 0, 0, 0.2) !important;
    /* Add padding-bottom to prevent scrollbar from overlapping content */
    padding-bottom: 12px !important;
  }

  .leaderboard-content::-webkit-scrollbar {
    height: 10px !important;
  }

  .leaderboard-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 4px !important;
    margin: 0 2px !important;
  }

  .leaderboard-content::-webkit-scrollbar-thumb {
    background: rgba(234, 211, 81, 0.7) !important;
    border-radius: 4px !important;
  }

  .leaderboard-content::-webkit-scrollbar-thumb:hover {
    background: rgba(234, 211, 81, 0.8) !important;
  }

  .leaderboard-content > table {
    width: 100% !important;
    min-width: max-content !important;
    margin: 0 auto !important;
  }

  /* Images optimized for tablet - avatar column */
  .leaderboard-fighter-image {
    width: 45px !important;
    height: 45px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 0 auto !important;
    flex-shrink: 0 !important;
    border: 2px solid rgba(234, 211, 81, 0.3) !important;
  }

  /* Avatar column (2nd column) - ensure proper spacing and prevent scrollbar overlap */
  .leaderboard-table th:nth-child(2),
  .leaderboard-table td:nth-child(2) {
    min-width: 70px !important;
    max-width: 80px !important;
    text-align: center !important;
    padding: 0.6rem 0.5rem !important;
    position: relative !important;
  }
  
  /* Ensure avatar links don't break layout */
  .leaderboard-table td:nth-child(2) a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
  }

  .leaderboard-icon-image {
    width: 22px !important;
    height: 22px !important;
  }

  /* Trainer address - better width for tablet */
  .leaderboard-trainer-address {
    min-width: 140px !important;
    max-width: 220px !important;
    font-size: 0.75rem !important;
  }

  .leaderboard-trainer-address span {
    max-width: 180px !important;
  }

  .leaderboard-trainer-address img {
    width: 26px !important;
    height: 26px !important;
  }

  /* Scrollbar styling for tablet */
  .leaderboard-content::-webkit-scrollbar {
    height: 10px !important;
  }

  .leaderboard-content::-webkit-scrollbar-thumb {
    background: rgba(234, 211, 81, 0.7) !important;
  }

  /* Attribute deltas - better spacing */
  .leaderboard-attribute-delta {
    font-size: 0.7rem !important;
  }

  /* Rank column */
  .leaderboard-rank {
    font-size: 0.85rem !important;
  }
}

/* Tablet and below (768px) */
@media (max-width: 768px) {
  /* Leaderboard container - proper spacing from fixed header (50px navbar + 20px) */
  .leaderboard-container {
    padding: 0.5rem !important;
    padding-top: 70px !important; /* 50px navbar height + 20px spacing */
    padding-left: 8px !important;
    padding-right: 8px !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* Leaderboard tabs */
  .leaderboard-tabs {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin-bottom: 1rem !important;
    justify-content: center !important;
  }

  .leaderboard-tab {
    font-size: 0.85rem !important;
    padding: 0.5rem 0.75rem !important;
    white-space: nowrap !important;
    -webkit-tap-highlight-color: rgba(234, 211, 81, 0.3) !important;
  }

  .leaderboard-tab:active {
    transform: scale(0.95) !important;
  }

  /* Leaderboard filters - centered on mobile */
  .leaderboard-filter {
    margin-bottom: 1rem !important;
    align-items: center !important;
  }

  .leaderboard-duration-buttons {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    justify-content: center !important;
  }

  .leaderboard-duration-button {
    font-size: 0.8rem !important;
    padding: 0.4rem 0.75rem !important;
    -webkit-tap-highlight-color: rgba(0, 123, 255, 0.3) !important;
  }

  .leaderboard-duration-button:active {
    transform: scale(0.95) !important;
  }
  /* Leaderboard podium - vertical stack on mobile */
  .leaderboard-podium {
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
  }

  .leaderboard-podium-item--first,
  .leaderboard-podium-item--second,
  .leaderboard-podium-item--third {
    width: 100% !important;
    max-width: 200px !important;
    margin-bottom: 0 !important;
  }

  /* Reorder podium on mobile: First (top), Second (middle), Third (bottom) */
  .leaderboard-podium-item--first {
    order: 2 !important;
  }

  .leaderboard-podium-item--second {
    order: 1 !important;
  }

  .leaderboard-podium-item--third {
    order: 3 !important;
  }

  .leaderboard-podium-image {
    width: 60px !important;
    height: 60px !important;
  }

  .leaderboard-podium-name {
    font-size: 0.75rem !important;
    max-width: 120px !important;
  }

  .leaderboard-podium-rank {
    font-size: 20px !important;
  }

  /* Leaderboard table - horizontal scroll with all data visible - SHINY MOBILE DESIGN */
  .leaderboard-table {
    font-size: 10px !important;
    display: table !important;
    overflow: hidden !important;
    width: 100% !important;
    min-width: max-content !important;
    table-layout: auto !important;
    border: 2px solid rgba(234, 211, 81, 0.5) !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 1px 8px rgba(234, 211, 81, 0.3) !important;
    background: rgba(0, 0, 0, 0.4) !important;
  }

  /* Show ALL columns - no hiding on mobile */
  .leaderboard-table thead {
    display: table-header-group !important;
    background: linear-gradient(180deg, 
      #ffffff 0%, 
      #f5f5f5 20%,
      #e8e8e8 50%,
      #f0f0f0 80%,
      #ffffff 100%) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.95),
                inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;
    position: relative !important;
    overflow: visible !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .leaderboard-table thead::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, 
      transparent 0%, 
      rgba(234, 211, 81, 0.8) 50%, 
      transparent 100%) !important;
  }

  .leaderboard-table tbody {
    display: table-row-group !important;
  }

  .leaderboard-table tr {
    display: table-row !important;
    transition: background-color 0.2s ease !important;
  }

  /* Disable hover transform on mobile for better performance */
  .leaderboard-table tr:hover {
    transform: none !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
  }

  .leaderboard-fighter-image:hover {
    transform: scale(1.05) !important;
  }

  /* Shiny mobile table cells with clear borders */
  .leaderboard-table th,
  .leaderboard-table td {
    display: table-cell !important;
    padding: 0.5rem 0.35rem !important;
    white-space: nowrap !important;
    font-size: 0.75rem !important;
    min-width: fit-content !important;
    border-bottom: 1px solid rgba(234, 211, 81, 0.35) !important;
    border-right: 1px solid rgba(234, 211, 81, 0.2) !important;
    vertical-align: middle !important;
    text-align: left !important;
  }

  /* Center rank column */
  .leaderboard-table th:first-child,
  .leaderboard-table td:first-child {
    text-align: center !important;
  }

  /* Center image column */
  .leaderboard-table th:nth-child(2),
  .leaderboard-table td:nth-child(2) {
    text-align: center !important;
  }

  .leaderboard-table td {
    background: rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
  }

  .leaderboard-table td:last-child {
    border-right: none !important;
  }

  /* Specific column widths for better mobile display */
  .leaderboard-table th:first-child,
  .leaderboard-table td:first-child {
    min-width: 50px !important;
    max-width: 60px !important;
  }

  .leaderboard-table th:nth-child(2),
  .leaderboard-table td:nth-child(2) {
    min-width: 60px !important;
    max-width: 70px !important;
  }

  /* Shiny mobile header cells - CLEAR AND ATTRACTIVE */
  .leaderboard-table th {
    font-size: 0.7rem !important;
    padding: 0.6rem 0.4rem !important;
    position: sticky !important;
    top: 0 !important;
    background: linear-gradient(180deg, 
      #ffffff 0%, 
      #fafafa 30%,
      #f5f5f5 60%,
      #f0f0f0 100%) !important;
    background-color: #f9f9f9 !important;
    color: #1a1a1a !important;
    border-bottom: 3px solid #EAD351 !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9),
                 0 0 1px rgba(255, 255, 255, 0.5) !important;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.95),
                inset 0 -1px 0 rgba(0, 0, 0, 0.08),
                0 2px 6px rgba(0, 0, 0, 0.15) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    z-index: 10 !important;
    /* Ensure sticky header works on mobile */
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
  }

  .leaderboard-table th:first-child {
    border-top-left-radius: 10px !important;
  }

  .leaderboard-table th:last-child {
    border-top-right-radius: 10px !important;
    border-right: none !important;
  }

  .leaderboard-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px !important;
  }

  .leaderboard-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px !important;
  }

  /* Content wrapper - ensure proper scrolling container */
  .leaderboard-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    position: relative !important;
    /* Add scrollbar styling for better visibility */
    scrollbar-width: thin !important;
    scrollbar-color: rgba(234, 211, 81, 0.5) rgba(0, 0, 0, 0.2) !important;
  }

  /* Webkit scrollbar styling for better mobile visibility */
  .leaderboard-content::-webkit-scrollbar {
    height: 8px !important;
  }

  .leaderboard-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 4px !important;
  }

  .leaderboard-content::-webkit-scrollbar-thumb {
    background: rgba(234, 211, 81, 0.6) !important;
    border-radius: 4px !important;
  }

  .leaderboard-content::-webkit-scrollbar-thumb:hover {
    background: rgba(234, 211, 81, 0.8) !important;
  }

  /* Scroll shadow indicators */
  .leaderboard-table {
    position: relative !important;
  }

  /* Ensure table wrapper allows scrolling */
  .leaderboard-content > table {
    width: 100% !important;
    min-width: max-content !important;
    margin: 0 auto !important;
  }

  /* Trainer address - show full content with horizontal scroll */
  .leaderboard-trainer-address {
    min-width: 120px !important;
    max-width: 200px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    text-overflow: ellipsis !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.5rem !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .leaderboard-trainer-address span {
    display: inline-block !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .leaderboard-trainer-address img {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
  }

  .leaderboard-fighter-image {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
  }

  .leaderboard-icon-image {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
  }

  /* My info alignment */
  .leaderboard-my-info {
    text-align: center !important;
  }

  /* Improve touch targets for mobile */
  .leaderboard-table td a {
    display: inline-block !important;
    padding: 2px !important;
    -webkit-tap-highlight-color: rgba(234, 211, 81, 0.3) !important;
  }

  /* Better spacing for attribute deltas on mobile */
  .leaderboard-attribute-delta {
    font-size: 0.65rem !important;
    white-space: nowrap !important;
  }

  /* Ensure rank column is readable */
  .leaderboard-rank {
    font-weight: 700 !important;
    font-size: 0.8rem !important;
  }
}

/* Flexible border radius for screens under 600px */
@media (max-width: 600px) {
  .leaderboard-table {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .leaderboard-table thead {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    overflow: visible !important;
  }

  .leaderboard-table th:first-child {
    border-top-left-radius: 8px !important;
  }

  .leaderboard-table th:last-child {
    border-top-right-radius: 8px !important;
  }

  .leaderboard-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px !important;
  }

  .leaderboard-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px !important;
  }
}

/* Small mobile devices (480px and below) */
@media (max-width: 480px) {
  .leaderboard-container {
    padding: 0.5rem !important;
    padding-top: 65px !important; /* 50px navbar + 15px spacing */
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  iframe,video{
    max-width: 100% !important;
    height: 200px !important;
    box-sizing: border-box !important;
  }

  .leaderboard-tabs {
    gap: 0.25rem !important;
  }

  .leaderboard-tab {
    font-size: 0.75rem !important;
    padding: 0.4rem 0.5rem !important;
  }

  .leaderboard-duration-button {
    font-size: 0.7rem !important;
    padding: 0.35rem 0.5rem !important;
  }

  .leaderboard-podium-image {
    width: 50px !important;
    height: 50px !important;
  }

  .leaderboard-podium-name {
    font-size: 0.7rem !important;
    max-width: 100px !important;
  }

  /* Shiny mobile table - 480px with flexible border-radius */
  .leaderboard-table {
    font-size: 9px !important;
    min-width: max-content !important;
    border: 2px solid rgba(234, 211, 81, 0.5) !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 1px 6px rgba(234, 211, 81, 0.3) !important;
    background: rgba(0, 0, 0, 0.4) !important;
  }

  .leaderboard-table thead {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    overflow: hidden !important;
  }

  .leaderboard-table th:first-child {
    border-top-left-radius: 7px !important;
  }

  .leaderboard-table th:last-child {
    border-top-right-radius: 7px !important;
  }

  .leaderboard-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 7px !important;
  }

  .leaderboard-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 7px !important;
  }

  .leaderboard-table thead {
    background: linear-gradient(180deg, 
      #ffffff 0%, 
      #f5f5f5 20%,
      #e8e8e8 50%,
      #f0f0f0 80%,
      #ffffff 100%) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.95),
                inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;
  }

  .leaderboard-table th,
  .leaderboard-table td {
    padding: 0.4rem 0.3rem !important;
    font-size: 0.7rem !important;
    white-space: nowrap !important;
    border-bottom: 1px solid rgba(234, 211, 81, 0.35) !important;
    border-right: 1px solid rgba(234, 211, 81, 0.2) !important;
  }

  .leaderboard-table td {
    background: rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
  }

  .leaderboard-table td:last-child {
    border-right: none !important;
  }

  .leaderboard-table th {
    font-size: 0.65rem !important;
    padding: 0.5rem 0.3rem !important;
    background: linear-gradient(180deg, 
      #ffffff 0%, 
      #fafafa 30%,
      #f5f5f5 60%,
      #f0f0f0 100%) !important;
    background-color: #f9f9f9 !important;
    color: #1a1a1a !important;
    border-bottom: 3px solid #EAD351 !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9),
                 0 0 1px rgba(255, 255, 255, 0.5) !important;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.95),
                inset 0 -1px 0 rgba(0, 0, 0, 0.08),
                0 2px 6px rgba(0, 0, 0, 0.15) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
  }

  .leaderboard-table th:last-child {
    border-right: none !important;
  }

  /* Ensure all columns visible on small mobile */
  .leaderboard-table th,
  .leaderboard-table td {
    display: table-cell !important;
  }

  .leaderboard-fighter-image {
    width: 35px !important;
    height: 35px !important;
    object-fit: cover !important;
    border-radius: 3px !important;
  }

  .leaderboard-icon-image {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
  }

  .leaderboard-trainer-address {
    max-width: 25vw !important;
    font-size: 0.7rem !important;
  }

  /* Improve scrollbar visibility on small screens */
  .leaderboard-content::-webkit-scrollbar {
    height: 6px !important;
  }

  .leaderboard-content::-webkit-scrollbar-thumb {
    background: rgba(234, 211, 81, 0.7) !important;
  }
}

/* Flexible border radius for screens under 450px */
@media (max-width: 450px) {
  .leaderboard-table {
    border-radius: 6px !important;
  }

  .leaderboard-table th:first-child {
    border-top-left-radius: 5px !important;
  }

  .leaderboard-table th:last-child {
    border-top-right-radius: 5px !important;
  }

  .leaderboard-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px !important;
  }

  .leaderboard-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px !important;
  }
}

/* Extra small devices (350px and below) */
@media (max-width: 350px) {
  .leaderboard-container {
    padding: 0.4rem !important;
    padding-top: 60px !important; /* 50px navbar + 10px spacing */
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .leaderboard-tab {
    font-size: 0.7rem !important;
    padding: 0.35rem 0.4rem !important;
  }

  .leaderboard-duration-button {
    font-size: 0.65rem !important;
    padding: 0.3rem 0.4rem !important;
  }

  .leaderboard-podium-image {
    width: 45px !important;
    height: 45px !important;
  }

  .leaderboard-podium-name {
    font-size: 0.65rem !important;
    max-width: 80px !important;
  }

  .leaderboard-table {
    font-size: 8px !important;
    min-width: max-content !important;
  }

  /* Shiny mobile table - 350px with flexible border-radius */
  .leaderboard-table {
    border: 2px solid rgba(234, 211, 81, 0.5) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 1px 6px rgba(234, 211, 81, 0.3) !important;
    background: rgba(0, 0, 0, 0.4) !important;
  }

  .leaderboard-table th:first-child {
    border-top-left-radius: 3px !important;
  }

  .leaderboard-table th:last-child {
    border-top-right-radius: 3px !important;
  }

  .leaderboard-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 3px !important;
  }

  .leaderboard-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 3px !important;
  }

  .leaderboard-table thead {
    background: linear-gradient(180deg, 
      #ffffff 0%, 
      #f5f5f5 20%,
      #e8e8e8 50%,
      #f0f0f0 80%,
      #ffffff 100%) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.95),
                inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;
  }

  .leaderboard-table th,
  .leaderboard-table td {
    padding: 0.3rem 0.25rem !important;
    font-size: 0.65rem !important;
    white-space: nowrap !important;
    border-bottom: 1px solid rgba(234, 211, 81, 0.35) !important;
    border-right: 1px solid rgba(234, 211, 81, 0.2) !important;
  }

  .leaderboard-table td {
    background: rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
  }

  .leaderboard-table td:last-child {
    border-right: none !important;
  }

  .leaderboard-table th {
    font-size: 0.6rem !important;
    padding: 0.4rem 0.25rem !important;
    background: linear-gradient(180deg, 
      #ffffff 0%, 
      #fafafa 30%,
      #f5f5f5 60%,
      #f0f0f0 100%) !important;
    background-color: #f9f9f9 !important;
    color: #1a1a1a !important;
    border-bottom: 3px solid #EAD351 !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9),
                 0 0 1px rgba(255, 255, 255, 0.5) !important;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.95),
                inset 0 -1px 0 rgba(0, 0, 0, 0.08),
                0 2px 6px rgba(0, 0, 0, 0.15) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
  }

  .leaderboard-table th:last-child {
    border-right: none !important;
  }

  /* Ensure all columns visible on extra small mobile */
  .leaderboard-table th,
  .leaderboard-table td {
    display: table-cell !important;
  }

  .leaderboard-fighter-image {
    width: 30px !important;
    height: 30px !important;
    object-fit: cover !important;
    border-radius: 3px !important;
  }

  .leaderboard-icon-image {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
  }

  .leaderboard-trainer-address {
    min-width: 100px !important;
    max-width: 180px !important;
    font-size: 0.65rem !important;
  }

  .leaderboard-trainer-address span {
    max-width: 120px !important;
  }

  .leaderboard-trainer-address img {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
  }

  /* Ensure table is scrollable on very small screens */
  .leaderboard-content {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }

  /* Better scrollbar on extra small screens */
  .leaderboard-content::-webkit-scrollbar {
    height: 5px !important;
  }
}

/* Tooltip adjustments for mobile */
@media (max-width: 768px) {
  .leaderboard-tooltip {
    z-index: 100000 !important;
    position: relative !important;
  }

  .leaderboard-tooltip-icon {
    width: 16px !important;
    height: 16px !important;
    font-size: 10px !important;
  }

  /* Ensure header cells allow tooltip overflow */
  .leaderboard-table th {
    overflow: visible !important;
    position: relative !important;
    z-index: 1000 !important;
  }

  /* Allow content wrapper to show tooltips - but keep horizontal scroll */
  .leaderboard-content {
    overflow-x: auto !important;
    overflow-y: visible !important;
    position: relative !important;
  }

  /* Ensure table allows tooltip to show - but keep rounded corners */
  .leaderboard-table {
    position: relative !important;
  }

  .leaderboard-tooltip-text {
    width: 200px !important;
    max-width: calc(100vw - 40px) !important;
    font-size: 11px !important;
    padding: 6px 10px !important;
    z-index: 100001 !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    /* Ensure tooltip appears above other content */
    pointer-events: auto !important;
    /* Make sure tooltip is visible even if table has overflow hidden */
    margin-top: 2px !important;
  }

  /* Show tooltip on tap/touch for mobile */
  .leaderboard-tooltip:active .leaderboard-tooltip-text,
  .leaderboard-tooltip.tooltip-active .leaderboard-tooltip-text {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Also show on hover for devices that support it */
  .leaderboard-tooltip:hover .leaderboard-tooltip-text {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Adjust tooltip arrow for mobile */
  .leaderboard-tooltip-text::after {
    border-width: 4px !important;
  }
}

/* ============================================
   WELCOME BANNER - Mobile Responsive
   ============================================ */
@media (max-width: 768px) {
  .welcome-banner {
    margin-top: 77px !important;
    padding: 0.6rem 0.75rem !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.4rem !important;
    /* Display banner on all screen sizes */
  }

  .welcome-banner > div:first-child {
    width: 100% !important;
  }

  .welcome-banner > a {
    width: 100% !important;
    text-align: center !important;
    padding: 0.6rem 1rem !important;
    font-size: 0.85rem !important;
  }
}

/* ============================================
   PROFILE PAGE - Mobile Responsive (additional)
   ============================================ */
@media (max-width: 768px) {
  .profile-page {
    padding-top: 50px !important;
  }
}

/* ============================================
   NAVIGATION ICONS - Mobile Responsive
   ============================================ */
@media (max-width: 768px) {
  /* Remove all shadows from leaderboard icon wrapper on mobile */
  .navigation-trophy-icon {
    filter: none !important;
    animation: none !important;
  }

  /* Remove all shadows from leaderboard icon emoji on mobile */
  .navigation-trophy-emoji {
    font-size: 20px !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    animation: none !important;
  }

  /* Remove all shadows from profile icon (inner div) on mobile */
  .navigation-trophy-icon > div {
    filter: none !important;
    text-shadow: none !important;
  }

  /* Remove shadows on hover for leaderboard icon on mobile */
  .navigation-leaderboard-link:hover .navigation-trophy-emoji {
    filter: none !important;
    text-shadow: none !important;
    transform: scale(1.1) rotate(5deg) !important;
  }

  /* Remove shadows on hover for icon wrapper on mobile */
  .navigation-trophy-icon:hover {
    filter: none !important;
  }

  /* Remove shadows on hover for profile icon on mobile */
  .navigation-leaderboard-link:hover .navigation-trophy-icon > div {
    filter: none !important;
    text-shadow: none !important;
  }
}

/* ============================================
   MAIN PAGE - Mobile Responsive (additional)
   ============================================ */
@media (max-width: 768px) {
  /* Welcome banner spacing */
  main:has(.welcome-banner) {
    padding-top: 0 !important;
  }

  /* Carousel improvements */
  .fighter-carousel-cards {
    gap: 0.5rem !important;
  }

 /* Training method cards */
  .training-method-option {
    min-width: 200px !important;
  }

  /* Attribute cards */
  .training-attribute-card {
    min-width: 150px !important;
  }
}

/* ============================================
   SEMANTIC CLASS NAME MAPPINGS
   Add new semantic class names that map to squad.css styles
   ============================================ */

/* Connect Button Styles */
.connect-button.connect-button--red {
  border: 3px solid white;
  background-color: #DD4837;
  color: white;
  padding: 10px 20px;
  font-size: 1.2em;
  border-radius: 3px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}

.connect-button.connect-button--red:hover {
  background-color: #dd4837b7;
}

.connect-button.connect-button--black.connect-button--small {
  border: 3px solid rgb(56, 56, 56);
  background-color: rgb(56, 56, 56);
  color: white;
  padding: 10px 20px;
  font-size: 1em;
  border-radius: 3px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  margin-right: 25px;
}

.connect-button.connect-button--red.connect-button--small {
  border: 2px solid white;
  background-color: rgb(18, 19, 91);
  color: white;
  padding: 15px 20px;
  font-size: 1em;
  border-radius: 50px;
  font-family: inherit;
  cursor: pointer;
  margin-right: 10px;
  font-family: Space Grotesk;
  font-weight: 100;
  letter-spacing: 1.5px;
}

.not-connect-button {
  font-family: cursive !important;
  border-radius: 50px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 10px 15px !important;
}

@media (max-width: 768px) {
  .connect-button.connect-button--black.connect-button--small {
    margin-top: 5px;
    font-size: 10px;
    margin-right: 5px;
    padding: 10px 5px;
  }
  .connect-button.connect-button--red.connect-button--small {
    margin-top: 5px;
    padding: 10px 15px;
    font-size: 12px;
  }
  .connect-button.connect-button--red.connect-button--mobile {
    font-size: 18px !important;
    padding: 12px 18px !important;
    border-radius: 50px !important;
    background-color: #DD4837 !important;
    color: white !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border: 3px solid white !important;
    margin-right: 10px !important;
  }

  .not-connect-button {
    font-family: cursive !important;
    border-radius: 50px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 12px 18px !important;
  }
}

@media (max-width: 350px) {
  .connect-button.connect-button--black.connect-button--small {
    margin-top: 5px;
    font-size: 8px;
    padding: 5px 10px;
    margin-right: 8px;
  }
}

/* Navigation Styles */
.navigation-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #EAD351;
  color: black;
  border-bottom: 10px solid #dd4837;
  position: fixed;
  width: 100%;
  height: 70px;
  left: 0;
  right: 0;
  z-index: 999;
}

.navigation-logo {
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 10px;
  display: flex;
  align-items: center;
}

.navigation-logo-image {
  height: 60px;
}

.navigation-menu-button {
  display: none;
  background: none;
  border: none;
  font-size: 2rem;
  color: black;
  cursor: pointer;
  transition: all 1s ease;
}

.navigation-menu-button:hover {
  color: rgb(197, 197, 197);
}

.navigation-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}

.navigation-leaderboard-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: black;
  transition: all 0.3s ease;
}

.navigation-leaderboard-link:hover {
  transform: scale(1.1);
  color: #DD4837;
}

.navigation-trophy-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgb(117 105 40 / 30%);
  transition: all 0.3s ease;
}

.navigation-trophy-icon:hover {
  background-color: rgba(255, 255, 255, 0.4);
  transform: scale(1.05);
}

/* Profile icon - reduce padding by making avatar fill container */
.navigation-profile-icon {
  padding: 0 !important;
  overflow: hidden;
}

.navigation-profile-icon .navigation-profile-avatar {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.navigation-trophy-image {
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%);
}

@media (max-width: 768px) {
  .navigation-bar {
    height: 50px;
  }
  .navigation-logo-image {
    height: 40px;
  }
  .navigation-trophy-icon {
    width: 35px;
    height: 35px;
  }
  
  .navigation-profile-icon {
    padding: 0 !important;
  }
  .navigation-trophy-image {
    width: 20px;
    height: 20px;
  }
  .navigation-menu-button {
    display: block;
    display: none;
  }

  .sync-popup {
    background: rgba(17, 17, 17, 0.7);
    padding: 20px 20px 20px;
    border-radius: 10px;
    width: 350px !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    border: 2px solid #4a9eff;
    box-shadow: 0 0 25px #4a9eff;
    color: white;
    backdrop-filter: blur(10px);
  }
}

@media (max-width: 350px) {
  .navigation-logo-image {
    height: 35px;
  }
  .navigation-trophy-icon {
    width: 30px;
    height: 30px;
  }
  
  .navigation-profile-icon {
    padding: 0 !important;
  }
  .navigation-trophy-image {
    width: 18px;
    height: 18px;
  }
  .navigation-right {
    gap: 10px;
  }
}

/* Side Menu Styles */
.side-menu-container {
  position: fixed;
  top: 50%;
  width: 270px;
  transform: translateY(-50%);
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 0;
  color: white;
  border-left: 2px solid white;
  z-index: 999;
}

.side-menu-link {
  text-decoration: none;
}

.side-menu-button {
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: none;
  border-radius: 8px;
  background: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: white;
  width: 100%;
  font-family: inherit;
}

.side-menu-button:hover {
  background: #f7f7f7;
  color: black;
}

.side-menu-circle {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid black;
  border-radius: 50%;
  font-weight: 700;
  background-color: white;
  color: #DD4837;
}

.side-menu-button--active .side-menu-circle {
  background: #DD4837 !important;
  color: white;
}

.side-menu-toggle-button {
  align-self: flex-end;
  background: rgba(17, 13, 13, 0);
  color: white;
  border: none;
  width: 100%;
  padding: 5px;
  cursor: pointer;
}

.side-menu-label {
  display: inline;
}

.side-menu-label--hidden {
  display: none;
}

.side-menu-container--collapsed {
  width: auto;
  min-width: 60px;
  padding-left: 5px;
  padding-right: 5px;
}

.side-menu-container--collapsed .side-menu-button {
  justify-content: center;
  padding: 8px 5px;
}

@media (max-width: 768px) {
  .side-menu-container {
    position: fixed;
    flex-direction: row;
    justify-content: space-between;
    width: 100vw;
    top: 90px;
    left: 0;
    transform: none;
    border: none;
    border-bottom: 2px solid white;
    padding: 0;
    background: #272727;
    z-index: 999;
  }
  .side-menu-circle {
    width: 30px;
    height: 30px;
  }
  .side-menu-button {
    border-radius: 0;
    flex-direction: column;
    align-items: center;
    width: 25vw;
    padding: 5px;
    height: 100%;
    font-size: 9px;
  }
  .side-menu-container--collapsed .side-menu-button span,
  .side-menu-toggle-button {
    display: none !important;
    align-self: center;
  }
}

/* Welcome Screen Styles */
.welcome-screen-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* height: calc(100vh - 60px); */
  width: 100vw;
  background-color: #202020;
  color: white;
  text-align: center;
  padding-top: 60px;
}

.welcome-screen-container img {
  width: max(20vw, 30vh);
  height: auto;
  margin-bottom: 30px;
}

/* Main Content Wrapper */
.main-content-wrapper {
  overflow: scroll;
  height: 100vh;
  scroll-snap-points-y: repeat(100vh);
  scroll-snap-type: y proximity;
}

.main-content-wrapper::-webkit-scrollbar {
  display: none;
}

/* Fighter Selection Section */
.fighter-selection-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* min-height: calc(100vh - 60px); */
  width: 100vw;
  background-color: #202020;
  color: white;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
  overflow: none;
}

.fighter-selection-count-text {
  font-size: 18px;
  margin: 10px;
}

.fighter-selection-progress-text {
  font-size: 12px;
  color: rgb(178, 178, 178);
  margin: 10px;
}

.fighter-selection-buy-button {
  color: white;
  background-color: #DD4837;
  display: inline-block;
  font-size: 12px;
  border-radius: 3px;
  border: 2px solid white;
  margin-bottom: 10px;
}

.fighter-selection-mint-icon {
  width: 30px;
  border-radius: 50%;
  margin-right: 10px;
  border: 2px solid white;
}

.fighter-selection-buy-button a {
  color: white;
  margin: 0;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}

.fighter-selection-buy-button:active {
  border: 1px solid white;
}

.fighter-selection-instruction-text {
  font-size: 12px;
  font-weight: 300;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  color: white;
  border-bottom: 1px solid white;
  margin-bottom: 20px;
  max-width: fit-content;
  place-self: center;
}

.fighter-selection-message {
  font-size: 12px;
  margin-bottom: 5px;
  background-color: white;
  border-radius: 5px;
  padding: 5px 10px;
  color: black;
}

.fighter-selection-confirm-button {
  border-radius: 20px;
  border: 2.8px solid white;
  padding: 10px 20px;
  font-family: inherit;
  background-color: rgb(18, 19, 91);
  font-size: 14px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
}

.fighter-selection-confirm-button:hover {
  background-color: #DD4837;
  opacity: 80%;
}

.fighter-selection-confirm-button:active {
  opacity: 90%;
}

.fighter-selection-confirm-button:disabled {
  background-color: #bababa;
}

/* Fighter Attribute Grid */
.fighter-attribute-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 5px 15px;
  gap: 5px 15px;
  max-width: 700px;
  position: relative;
  width: 100%;
  min-height: fit-content;
  align-items: start;
}

.fighter-attribute-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 35px;
  position: relative;
}

.fighter-attribute-name {
  font-weight: 300;
  font-size: 10px;
  text-transform: capitalize;
  margin-bottom: 3px;
}

.fighter-attribute-progress-bar {
  width: 200px;
  height: 6px;
  background: white;
  border-radius: 1px;
  overflow: hidden;
  position: relative;
}

.fighter-attribute-progress {
  height: 100%;
  background: #FD8383;
  text-align: right;
  padding-right: 5px;
  font-size: 12px;
  color: white;
  border-radius: 1px;
  animation: progressBarFill 0.8s ease-out;
  transform-origin: left;
}

@keyframes progressBarFill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@media (max-width: 768px) {
  .fighter-attribute-grid {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    max-width: 100%;
    position: relative;
    align-items: start;
    padding: 0 15px;
  }
  .fighter-attribute-row {
    min-height: 35px;
    width: 100%;
  }
  .fighter-attribute-progress-bar {
    width: 100%;
    max-width: 100px;
    height: 6px;
    background: white;
    border-radius: 1px;
    overflow: hidden;
    position: relative;
  }
}

/* Training Method Section */
.training-method-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* min-height: calc(100vh - 60px); */
  width: 100vw;
  background-color: #202020;
  color: white;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
  overflow: none;
}

.training-method-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.training-method-title {
  font-size: 2rem;
  font-weight: 700;
  color: white;
  margin: 15px 0 8px;
  text-align: center;
}

.training-method-subtitle {
  font-size: 1rem;
  color: #cccccc;
  margin-bottom: 20px;
  text-align: center;
}

.training-method-options-container {
  margin-bottom: 30px;
  text-align: center;
}

.training-method-options {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.training-method-option-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.training-method-option {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  padding: 15px 15px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: white;
  font-size: 1rem;
  font-weight: 500;
}

.training-method-option:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.08);
}

.training-method-option--selected {
  border-color: #4CAF50;
  background: rgba(76, 175, 80, 0.15);
  box-shadow: 0 0 15px rgba(76, 175, 80, 0.4);
}

.training-method-option-icon {
    font-size: 3rem;
    flex-shrink: 0;
    line-height: 1;
    margin-bottom: 0;
}

.training-method-option-name {
  font-weight: 600;
  font-size: 1.2rem;
}
.training-method-option-reward {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
}

.training-method-confirm-button {
  border-radius: 20px;
  border: 2.8px solid white;
  padding: 10px 20px;
  font-family: inherit;
  background-color: rgb(18, 19, 91);
  font-size: 14px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.training-method-confirm-button:hover {
  background-color: #DD4837;
  opacity: 80%;
}

.training-method-confirm-button:active {
  opacity: 90%;
}

.training-method-confirm-button:disabled {
  background-color: #bababa;
  cursor: not-allowed;
}

.training-method-message {
  background-color: rgba(76, 175, 80, 0.1);
  border: 1px solid #4caf50;
  color: #4CAF50;
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 0.9rem;
}

.training-method-error-message {
  background-color: rgba(244, 67, 54, 0.1);
  border: 1px solid #f44336;
  color: #F44336;
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 0.9rem;
}

/* Training Attribute Grid */
.training-attribute-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 12px;
  gap: 12px;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 30px;
}

.training-attribute-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: default;
}

.training-attribute-card--highlighted {
  border-color: #4CAF50;
  background: rgba(76, 175, 80, 0.1);
  box-shadow: 0 0 20px rgba(76, 175, 80, 0.3);
}

.training-attribute-emoji {
  font-size: 1.8rem;
  margin-bottom: 4px;
}

.training-attribute-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: white;
  margin-bottom: 3px;
}

.training-attribute-description {
  font-size: 0.65rem;
  color: #cccccc;
  margin-bottom: 3px;
  line-height: 1.2;
}

.training-attribute-status {
  font-size: 0.55rem;
  color: #888888;
  font-style: italic;
}

.training-attribute-card--highlighted .training-attribute-status {
  color: #4CAF50;
  font-weight: 500;
}

@media (max-width: 768px) {
  .training-method-container {
    padding: 15px;
  }
  .training-method-title {
    font-size: 1.8rem;
  }
  .training-attribute-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    max-width: 100%;
  }
  .training-attribute-card {
    padding: 8px;
  }
  .training-attribute-emoji {
    font-size: 1.5rem;
  }
  .training-attribute-name {
    font-size: 0.8rem;
  }
  .training-attribute-description {
    font-size: 0.6rem;
  }
  .training-attribute-status {
    font-size: 0.5rem;
  }
  .training-method-options {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .training-method-option {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
    background: rgba(42, 42, 42, 0.8);
    border: 2px solid rgba(255, 255, 255, 0.1);
    text-align: left;
  }

  .training-method-option--selected {
    border: 2px solid #4CAF50;
    background: rgba(42, 42, 42, 0.8);
  }

  .training-method-option-icon {
    font-size: 3rem;
    flex-shrink: 0;
    line-height: 1;
    margin-bottom: 0;
  }

  .training-method-option-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
  }

  .training-method-option-name {
    font-size: 1rem;
    font-weight: 600;
    color: white;
    line-height: 1.2;
  }

  .training-method-option-reward {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
  }

  .training-method-option-reward-icon {
    font-size: 1rem;
  }

  .training-method-confirm-button {
    padding: 12px 30px;
    font-size: 1.1rem;
  }
}

@media (max-width: 480px) {
  .welcome-screen-container{
    padding-top: 100px;
  }
  .training-attribute-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .training-attribute-card {
    padding: 6px;
  }
  .training-attribute-emoji {
    font-size: 1.3rem;
  }
  .training-attribute-name {
    font-size: 0.75rem;
  }
  .training-attribute-description {
    font-size: 0.55rem;
  }
  .training-attribute-status {
    font-size: 0.45rem;
  }
  .training-method-option {
    width: 230px;
    padding: 12px 10px;
  }
}

/* Strava Connection Section */
.strava-connection-section {
  width: 100vw;
  /* min-height: calc(100vh - 60px); */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 20px 40px;
  background-color: #202020;
  color: white;
}

.strava-container {
  text-align: center;
  position: relative;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  width: 100%;
  padding: 20px;
  gap: 15px;
}

.strava-info {
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  color: white;
  border-bottom: 1px solid white;
  max-width: 90vw;
}

.strava-connect-button {
  width: 200px;
  margin: 20px 0;
  border: 5px solid white;
  cursor: pointer;
}

/* Fighter Display Styles */
.fighter-display-wrapper {
  background-color: #DD4837;
  background: url(/images/bg1.png) no-repeat 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  max-width: 100vw;
  min-height: 100vh;
}

.fighter-display-background {
  width: 50vw;
  background-color: #DD4837;
  flex-direction: column;
  opacity: 0.95;
  justify-content: center;
  align-items: center;
  display: flex;
  max-width: 100vw;
  min-height: 100vh;
}

.fighter-display-image-bar-left {
  max-width: 200px;
  height: 100vh;
  width: 10vw;
  background: url(/images/red\ border-left.png) no-repeat 0;
  background-size: cover;
  opacity: 0.95;
}

.fighter-display-image-bar-right {
  max-width: 200px;
  width: 10vw;
  height: 100vh;
  background: url(/images/red\ border-right.png) no-repeat 100%;
  background-size: cover;
  opacity: 0.95;
}

.fighter-display-container {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px 0;
  width: 500px;
}

.fighter-display-image {
  width: 200px;
  height: 200px !important;
  object-fit: cover;
  border-radius: 10px;
  align-self: center;
  border: 10px solid black;
}

.fighter-display-info-container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}

.fighter-display-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.fighter-display-level-circle {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  background: #a1a5a10f;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  border: 3px solid black;
}

.fighter-display-name-container {
  display: flex;
  flex-direction: column;
}

.fighter-display-name {
  font-size: 20px;
  font-weight: 700;
}

.fighter-display-mini-level {
  margin-top: 5px;
  font-size: 12px;
  color: #181818;
}

.fighter-display-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.fighter-display-stats-container {
  max-height: 200px;
  overflow-y: auto;
  margin-top: 10px;
  /* Custom scrollbar styling */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.1);
}

/* Webkit browsers (Chrome, Safari, Edge) */
.fighter-display-stats-container::-webkit-scrollbar {
  width: 8px;
}

.fighter-display-stats-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin: 5px 0;
}

.fighter-display-stats-container::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  transition: background 0.2s ease;
}

.fighter-display-stats-container::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

.fighter-display-stat {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  width: 100%;
}

.fighter-display-stat-bar {
  width: 70%;
  flex-grow: 1;
  height: 25px;
  background: #cfcfcf2c;
  border-radius: 1px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}

.fighter-display-stat-fill {
  height: 100%;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  transition: width 0.3s ease-in-out;
  z-index: 1;
  opacity: 40%;
  animation: progressBarFill 0.8s ease-out;
  transform-origin: left;
}

.fighter-display-stat-fill[style*="width"] {
  animation: progressBarFill 0.8s ease-out;
}

.fighter-display-stat-name {
  position: absolute;
  left: 5px;
  font-size: 12px;
  color: white;
  font-weight: 700;
  z-index: 2;
  text-transform: capitalize;
}

.fighter-display-stat-text {
  width: 34%;
  font-size: 12px;
  color: #333;
  font-weight: 700;
  text-align: right;
  margin: 10px;
}

.fighter-display-square-text {
  padding: 10px 15px;
  border: 2px solid white;
  color: white;
  background-color: rgba(0, 0, 0, 0.221);
  border-radius: 5px;
  margin: 10px;
  text-align: center;
}

.fighter-display-error-text {
  background-color: white;
  padding: 15px 20px;
  border-radius: 10px;
  border: 5px solid black;
}

@media (max-width: 900px) {
  .fighter-display-container {
    display: flex;
    flex-direction: column;
  }
  .fighter-display-info-container {
    margin-top: 20px;
    max-width: 80vw;
  }
  .fighter-display-background {
    width: 100vw;
  }
  .fighter-display-image-bar-left,
  .fighter-display-image-bar-right {
    display: none;
  }
  .fighter-display-square-text {
    font-size: 12px;
  }
}

/* Training Progress Section */
.training-progress-section {
  width: 100vw;
  /* min-height: calc(100vh - 60px); */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 20px 40px;
  background-color: #202020;
  color: white;
}

.training-wrapper {
  background-color: #DD4837;
  background: url(/images/bg1.png) no-repeat 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  max-width: 100vw;
  min-height: 100vh;
}

.training-background {
  width: 50vw;
  background-color: #12135b;
  color: white;
  flex-direction: column;
  opacity: 0.95;
  justify-content: center;
  align-items: center;
  display: flex;
  max-width: 100vw;
  min-height: 100vh;
}

.training-image-bar-left {
  max-width: 200px;
  height: 100vh;
  width: 10vw;
  background: url(/images/blue\ border-left.png) no-repeat 0;
  background-size: cover;
  opacity: 0.95;
}

.training-image-bar-right {
  max-width: 200px;
  width: 10vw;
  height: 100vh;
  background: url(/images/blue\ border-right.png) no-repeat 100%;
  background-size: cover;
  opacity: 0.95;
}

.training-container {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 500px;
  flex-direction: column;
  text-align: center;
  max-height: 100vh;
  overflow-y: auto;
  padding: 100px 0px;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.training-container::-webkit-scrollbar {
  display: none;
}

.training-title {
  font-size: 30px;
}

.training-text {
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  margin-top: 10px;
  padding: 10px;
  max-width: 90vw;
  border-radius: 5px;
  color: white;
  border-bottom: 1px solid white;
}

.training-text-secondary {
  font-size: 12px;
  font-weight: 200;
  color: rgb(196, 196, 196);
}

.training-countdown {
  max-width: 90vw;
  font-size: 12px;
  text-align: center;
}

.training-stats-container {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.training-stats-item {
  background: #1a1a1a;
  border: 0.2px solid white;
  padding: 12px 16px;
  border-radius: 8px;
  text-align: center;
  min-width: 150px;
  flex: 1 1;
}

.training-stats-label {
  font-size: 10px;
  color: #aaa;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.training-stats-value {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.training-ring-outer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: -80px;
}

.training-ring-wrapper {
  display: block;
}

.training-background-circle {
  fill: transparent;
}

.training-additional-circle,
.training-filled-circle {
  transition: stroke-dashoffset 0.3s ease;
  animation: progressCircleFill 1s ease-out;
}

@keyframes progressCircleFill {
  from {
    stroke-dashoffset: 471.23889803846896;
  }
}

.training-text-inside {
  transform: translateY(-115px);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.training-additional-text {
  font-size: 12px;
  color: #79ac71;
  margin-top: 5px;
}

.training-label {
  transform: translateY(-75px);
  text-align: center;
  margin-top: 15px;
  font-size: 14px;
  color: rgb(255, 255, 255);
}

.training-submit-button {
  border-radius: 20px;
  border: 2.8px solid white;
  padding: 10px 20px;
  font-family: inherit;
  background-color: #DD4837;
  font-size: 14px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 20px;
}

.training-submit-button:hover {
  background-color: #DD4837;
  opacity: 80%;
}

.training-submit-button:active {
  opacity: 90%;
}

.training-submit-button:disabled {
  background-color: #bababa;
}

.training-button-container {
  display: flex;
  gap: 10px;
}

.training-mini-button {
  background: #ffffff;
  color: rgb(58, 58, 58);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  transition: background 0.2s;
  border: 2px solid black;
}

.training-mini-button a {
  text-decoration: none;
  color: black;
}

.training-mini-button:hover {
  background: #e3e3e3;
}

.training-mini-text {
  font-size: 10px;
  margin: 0;
  padding: 0;
}

.training-logo {
  max-width: 150px !important;
  margin: 0 20px;
  padding-bottom: 40px !important;
}

.training-error-text {
  background-color: white;
  padding: 15px 20px;
  border-radius: 10px;
  border: 5px solid black;
}

.training-section {
  margin-bottom: 20px;
  width: 100%;
}

.training-section-title {
  font-size: 1.1rem;
  color: white;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 600;
}

.training-course-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 20px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px) {
  .training-course-grid {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1000px;
  }
}

.training-course-card {
  background: linear-gradient(135deg, #8B4513, #D2691E 50%, #CD853F);
  border: 1px solid #ff8c00;
  border-radius: 16px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(139, 69, 19, 0.3);
}

.training-course-card--selected {
  border-color: #FFD700;
  background: linear-gradient(135deg, #8B4513, #D2691E 50%, #CD853F);
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.9), 0 0 50px rgba(255, 140, 0, 0.6);
  border-width: 2px;
}

.training-course-card:hover {
  box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4);
  border-color: #FFD700;
  background: linear-gradient(135deg, #A0522D, #DEB887 50%, #F4A460);
  transform: translateY(-3px);
}

.training-course-icon {
  margin-bottom: 10px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.training-yoga-icon {
  width: 40px;
  height: 40px;
  filter: brightness(0) saturate(100%) invert(83%) sepia(31%) saturate(638%) hue-rotate(359deg) brightness(103%) contrast(107%);
  transition: all 0.3s ease;
}

.training-meditation-icon {
  width: 32px;
  height: 32px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1000%) hue-rotate(180deg) brightness(1.2) contrast(1.5);
  transition: all 0.3s ease;
}

.training-course-title {
  font-size: 1.2rem;
  color: white;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 8px;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}

.training-course-subtitle {
  font-size: 0.9rem;
  color: #FFE4B5;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 15px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 8px rgba(255, 228, 181, 0.5);
}

.training-course-logo {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.training-fighters-logo {
  width: 80px;
  height: auto;
  filter: brightness(0.8) contrast(1.2);
}

.training-video-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.training-video-timer {
  margin-top: 15px;
  text-align: center;
  padding: 15px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 12px;
  color: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.training-timer-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  opacity: 0.9;
}

.training-timer-display {
  font-size: 24px;
  font-weight: 700;
  font-family: Courier New, monospace;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px 20px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.training-timer-paused {
  color: #ffd700;
  font-size: 16px;
  margin-left: 10px;
}

.training-success-message {
  background-color: rgba(76, 175, 80, 0.1);
  border: 1px solid #4caf50;
  color: #4CAF50;
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 0.9rem;
}

.training-error-message {
  background-color: rgba(244, 67, 54, 0.1);
  border: 1px solid #f44336;
  color: #F44336;
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .training-course-grid {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 15px;
    max-width: 90vw;
  }
  .training-course-card {
    padding: 15px;
    min-height: 100px;
  }
  .training-course-icon {
    margin-bottom: 8px;
  }
  .training-yoga-icon {
    width: 35px;
    height: 35px;
  }
  .training-meditation-icon {
    width: 30px;
    height: 30px;
  }
  .training-course-title {
    font-size: 1.1rem;
    margin-bottom: 6px;
  }
  .training-course-subtitle {
    font-size: 0.85rem;
    margin-bottom: 12px;
  }
  .training-fighters-logo {
    width: 65px;
  }
  .training-section-title {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .training-section {
    margin-bottom: 15px;
  }
  .training-text {
    font-size: 0.9rem;
    padding: 0 10px;
  }
  .training-submit-button {
    margin-top: 15px;
    padding: 12px 18px;
    font-size: 13px;
  }
  .training-error-message,
  .training-success-message {
    font-size: 0.8rem;
    padding: 8px 12px;
    margin-bottom: 10px;
  }
}

@media (max-width: 500px) {
  .training-container {
    padding: 20px 0px;
  }
  .training-course-grid {
    gap: 8px;
    margin-bottom: 8px;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
  .training-course-card {
    padding: 12px;
    min-height: 90px;
  }
  .training-course-icon {
    margin-bottom: 6px;
  }
  .training-yoga-icon {
    width: 30px;
    height: 30px;
  }
  .training-meditation-icon {
    width: 25px;
    height: 25px;
  }
  .training-course-title {
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 5px;
  }
  .training-course-subtitle {
    font-size: 0.8rem;
    margin-bottom: 10px;
  }
  .training-fighters-logo {
    width: 60px;
  }
  .training-section-title {
    font-size: 0.9rem;
    margin-bottom: 8px;
  }
  .training-section {
    margin-bottom: 12px;
  }
  .training-text {
    display: none;
  }
  .training-submit-button {
    margin-top: 12px;
    padding: 10px 15px;
    font-size: 12px;
    width: 80vw;
  }
  .training-error-message,
  .training-success-message {
    font-size: 0.75rem;
    padding: 6px 8px;
    margin-bottom: 8px;
  }

  .sync-popup {
    background: rgba(17, 17, 17, 0.7);
    padding: 20px 20px 20px;
    border-radius: 10px;
    width: 290px !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    border: 2px solid #4a9eff;
    box-shadow: 0 0 25px #4a9eff;
    color: white;
    backdrop-filter: blur(10px);
  }
}

@media (max-width: 900px) {
  .training-container {
    display: flex;
    flex-direction: column;
  }
  .training-background {
    width: 100vw;
  }
  .training-image-bar-left,
  .training-image-bar-right {
    display: none;
  }
}

/* Sync Popup Styles */
.sync-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  z-index: 10000;
}

.sync-popup {
  background: rgba(17, 17, 17, 0.7);
  padding: 20px 20px 20px;
  border-radius: 10px;
  width: 400px;
  text-align: center;
  display: flex;
  flex-direction: column;
  border: 2px solid #4a9eff;
  box-shadow: 0 0 25px #4a9eff;
  color: white;
  backdrop-filter: blur(10px);
}

.sync-popup-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.208);
}

.sync-popup-subtitle {
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 0;
}

.sync-popup-progress-bar-container {
  width: 100%;
  background: #ddd;
  height: 34px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  align-items: center;
  margin-bottom: 0;
}

.sync-popup-progress-bar-container + * {
  margin-top: 15px;
}

.sync-popup-progress-bar {
  height: 100%;
  display: flex;
  position: relative;
}

.sync-popup-last-endurance {
  text-align: left;
  padding-left: 10px;
  padding-top: 7px;
  background: rgb(141, 172, 83);
  height: 100%;
  color: white;
  animation: progressBarFill 0.8s ease-out;
  transform-origin: left;
}

.sync-popup-endurance-delta {
  background: rgb(227, 182, 67);
  height: 100%;
  animation: progressBarFill 0.8s ease-out 0.2s both;
  transform-origin: left;
}

.sync-popup-max-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgb(152, 152, 152);
}

.sync-popup-stats-list {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  text-align: left;
}

.sync-popup-stats-list li {
  margin-left: 10px;
  padding: 2px;
  font-size: 14px;
}

.sync-popup-green-text {
  margin-left: 10px;
  color: #79ac71;
}

.sync-popup-share-button-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
}

.sync-popup-share-button {
  width: 32px;
  height: 32px;
  /* margin-top: 10px; */
  padding: 6px;
  border: none;
  background: #000000;
  color: white;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-right: 10px;
}

.sync-popup-share-button--twitter {
  background-image: url(/icons/twitter-white.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 20px 20px;
}

.sync-popup-share-button--wrapcast {
  background-image: url(/icons/wrapcast-white.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 25px 25px;
}

.sync-popup-share-button--telegram {
  background-image: url(/icons/telegram-white.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 20px 20px;
}

.sync-popup-share-button--instagram {
  /* background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); */
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 20px 20px;
  border-radius: 8px;
  position: relative;
}

/* .sync-popup-share-button--instagram::before {
  content: "📷";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
} */

.sync-popup-share-button--copy {
  background: #0e0e16;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 20px 20px;
  border-radius: 8px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease;
}

.sync-popup-share-button--copy:hover {
  background: linear-gradient(135deg, #333333 0%, #2a2a2a 100%);
  border-color: rgba(255, 255, 255, 0.2);
}

/* .sync-popup-share-button--copy::before {
  content: "📋";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
} */

/* .sync-popup-share-button--download {
  background: #0e0e16;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 20px 20px;
  border-radius: 8px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease;
}

.sync-popup-share-button--download:hover {
  background: linear-gradient(135deg, #333333 0%, #2a2a2a 100%);
  border-color: rgba(255, 255, 255, 0.2);
} */

/* .sync-popup-share-button--download::before {
  content: "⬇️";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
} */

/* Share Card Modal Styles */
.share-card-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 20px;
}

.share-card-modal {
  background: rgba(30, 30, 30, 0.95);
  border-radius: 12px;
  padding: 30px;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.share-card-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background 0.2s;
}

.share-card-modal-close:hover {
  background: rgba(255, 255, 255, 0.1);
}

.share-card-modal-title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 20px 0;
  text-align: center;
}

.share-card-options {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.share-card-option {
  flex: 1;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #fff;
  text-align: center;
}

.share-card-option:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
}

.share-card-option--selected {
  border-color: #4CAF50;
  background: rgba(76, 175, 80, 0.2);
  box-shadow: 0 0 15px rgba(76, 175, 80, 0.4);
}

.share-card-option-label {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.share-card-option-description {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

.share-card-preview {
  margin: 20px 0;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
}

.share-card-preview img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.share-card-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.share-card-generate-button,
.share-card-action-button {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #fff;
}

.share-card-generate-button {
  background: #4CAF50;
}

.share-card-generate-button:hover:not(:disabled) {
  background: #45a049;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
}

.share-card-generate-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.share-card-action-button--instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.share-card-action-button--instagram:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(220, 39, 67, 0.4);
}

.share-card-action-button--download {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.share-card-action-button--download:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .share-card-modal {
    padding: 20px;
    max-width: 95%;
  }

  .share-card-options {
    flex-direction: column;
  }

  .share-card-modal-title {
    font-size: 20px;
  }
}

.sync-popup-close-button {
  margin-top: 10px;
  padding: 10px;
  font-family: inherit;
  border: none;
  background: #ff4d4d;
  color: white;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.sync-popup-close-button:hover {
  background: #cc0000;
}

.sync-popup-fighter {
  display: flex;
  align-items: center;
  margin-top: 0;
  flex-direction: column;
  justify-content: center;
}

.sync-popup-name-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sync-popup-name {
  font-size: 20px;
  margin-top: 10px;
  font-weight: 700;
}

.sync-popup-image {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 10%;
  align-self: center;
  border: 5px solid black;
}

@media (max-width: 900px) {
  /* .sync-popup-overlay {
    left: 1vw;
    width: 98vw;
  } */
  .training-container {
    padding-top: 40px;
  }
  .sync-popup-last-endurance {
    padding-top: 11px;
    font-size: 12px;
  }
  .sync-popup-image {
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
  }
  .sync-popup-name-container {
    padding: 0;
    margin: 0;
  }
  .sync-popup-name {
    margin-top: 0;
    font-size: 15px;
    font-weight: 700;
  }
}

@media (max-height: 700px) {
  .sync-popup-overlay {
    position: fixed;
  }
  .sync-popup {
    margin-top: 110px;
    max-height: calc(100vh - 170px);
    overflow: scroll;
  }
  .sync-popup-close-button {
    padding: 5px;
    border: 3px;
    font-size: 12px;
  }
  .sync-popup-stats-list {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    text-align: left;
  }
  .sync-popup-stats-list li {
    font-size: 12px;
  }
  .sync-popup-share-button {
    margin-top: 0;
    /* padding: 10px 15px; */
  }
  .sync-popup-progress-bar-container {
    background: #ddd;
    font-size: 10px;
    border-radius: 3px;
    overflow: visible;
    align-items: center;
  }
  .sync-popup-progress-bar-container,
  .sync-popup-progress-bar {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
  }
  .sync-popup-last-endurance {
    text-align: left;
    padding-left: 10px;
    padding-top: 2px;
    background: rgb(141, 172, 83);
    height: 100%;
    color: white;
    min-width: 10%;
    flex-shrink: 0;
  }
  .sync-popup-title {
    font-size: 16px;
  }
}

/* ============================================
   LEADERBOARD - Override squad.css with semantic class names
   These styles ensure the new semantic class names override squad.css
   ============================================ */

/* Container - override squad.css */
.leaderboard-container {
  padding-top: 100px !important;
  background-color: #000000 !important;
  color: white !important;
  min-height: calc(100vh - 100px) !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Tabs container */
.leaderboard-tabs {
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.leaderboard-tabs button:hover {
  color: #b5b5b5 !important;
}

/* Table styles - override squad.css */
.leaderboard-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-top: 20px !important;
  font-size: 12px !important;
}

.leaderboard-table td,
.leaderboard-table th {
  padding: 14px !important;
  text-align: left !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.leaderboard-table th {
  background-color: #f9f9f9 !important;
  font-weight: 700 !important;
  color: #555 !important;
}

.leaderboard-table td {
  font-weight: 400 !important;
  color: #ffffff !important;
}

.leaderboard-table tr:hover {
  background-color: #727272 !important;
}

/* Content wrapper */
.leaderboard-content {
  margin-top: 20px !important;
}

/* Filter container */
.leaderboard-filter {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: right !important;
  gap: 10px !important;
}

.leaderboard-filter label {
  font-size: 16px !important;
  color: #333 !important;
  font-weight: 500 !important;
}

/* Duration buttons container */
.leaderboard-duration-buttons {
  display: flex !important;
  gap: 10px !important;
}

.leaderboard-duration-button.leaderboard-duration-button--active {
  background-color: #007bff !important;
  color: white !important;
  font-weight: 600 !important;
}

.leaderboard-duration-button:hover {
  background-color: #d0d0d0 !important;
}

/* Image styles */
.leaderboard-icon-image {
  width: 30px !important;
  height: 30px !important;
  margin-right: 10px !important;
  border-radius: 50% !important;
  border: 2px solid white !important;
}

.leaderboard-fighter-image {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(234, 211, 81, 0.3) !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
}

.leaderboard-icon-image:hover {
  opacity: 0.7 !important;
}

/* Podium styles */
.leaderboard-podium {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;
  gap: 20px !important;
  margin-bottom: 30px !important;
}

.leaderboard-podium-item--first {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  order: 2 !important;
  margin-bottom: 40px !important;
}

.leaderboard-podium-item--second {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

.leaderboard-podium-item--third {
  order: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

.leaderboard-podium-item--first .leaderboard-podium-image {
  border-color: #FFD700 !important;
}

.leaderboard-podium-item--second .leaderboard-podium-image {
  border-color: #C0C0C0 !important;
}

.leaderboard-podium-item--third .leaderboard-podium-image {
  border-color: #CD7F32 !important;
}

/* Podium rank, image, and name base styles */
.leaderboard-podium-rank {
  font-size: 24px !important;
  margin-bottom: 10px !important;
}

.leaderboard-podium-image {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  border: 3px solid #ffd700 !important;
  margin-bottom: 10px !important;
}

.leaderboard-podium-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: white !important;
  text-align: center !important;
  max-width: 120px !important;
  word-wrap: break-word !important;
}

/* Rank column */
.leaderboard-rank {
  font-weight: 600 !important;
  color: #EAD351 !important;
  text-align: center !important;
}

/* Total progress column */
.leaderboard-total-progress {
  color: #FFD700 !important;
  font-weight: 700 !important;
}

/* Positive delta (green) */
.leaderboard-positive-delta {
  color: #4CAF50 !important;
  font-weight: 700 !important;
}

/* Trainer address */
.leaderboard-trainer-address {
  max-width: 20vw !important;
  white-space: normal !important;
  overflow: scroll !important;
  text-overflow: unset !important;
}

@media (max-width: 768px) {
  .leaderboard-container {
    padding: 0.5rem !important;
    padding-top: 70px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .leaderboard-tabs {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin-bottom: 1rem !important;
    justify-content: center !important;
  }

  .leaderboard-tab {
    font-size: 0.85rem !important;
    padding: 0.5rem 0.75rem !important;
    white-space: nowrap !important;
  }

  .leaderboard-filter {
    margin-bottom: 1rem !important;
    align-items: center !important;
  }

  .leaderboard-duration-buttons {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    justify-content: center !important;
  }

  .leaderboard-duration-button {
    font-size: 0.8rem !important;
    padding: 0.4rem 0.75rem !important;
  }

  .leaderboard-podium {
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
  }

  .leaderboard-podium-item--first,
  .leaderboard-podium-item--second,
  .leaderboard-podium-item--third {
    width: 100% !important;
    max-width: 200px !important;
    margin-bottom: 0 !important;
  }

  .leaderboard-podium-item--first {
    order: 2 !important;
  }

  .leaderboard-podium-item--second {
    order: 1 !important;
  }

  .leaderboard-podium-item--third {
    order: 3 !important;
  }

  .leaderboard-podium-image {
    width: 60px !important;
    height: 60px !important;
  }

  .leaderboard-podium-name {
    font-size: 0.75rem !important;
    max-width: 120px !important;
  }

  .leaderboard-podium-rank {
    font-size: 20px !important;
  }

  .leaderboard-content {
    max-width: calc(100vw - 16px) !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .leaderboard-table {
    font-size: 10px !important;
    display: table !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    min-width: max-content !important;
  }

  .leaderboard-table th,
  .leaderboard-table td {
    padding: 0.5rem 0.35rem !important;
    white-space: nowrap !important;
    font-size: 0.75rem !important;
  }

  .leaderboard-fighter-image {
    width: 35px !important;
    height: 35px !important;
  }

  .leaderboard-icon-image {
    width: 18px !important;
    height: 18px !important;
  }

  .leaderboard-trainer-address {
    max-width: 25vw !important;
    white-space: normal !important;
    overflow: scroll !important;
    text-overflow: unset !important;
    font-size: 0.7rem !important;
  }
}

@media (max-width: 480px) {
  .share-card-generate-button,
.share-card-action-button {
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #fff;
}
  .share-card-options {
    gap: 8px;
    margin-bottom: 10px;
  }
  .share-card-option {
    padding: 10px;
  }
  .share-card-option-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
  }
  
  .share-card-option-description {
    font-size: 12px;
  }
  .leaderboard-container {
    padding: 0.5rem !important;
    padding-top: 65px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .leaderboard-tabs {
    gap: 0.25rem !important;
  }

  .leaderboard-tab {
    font-size: 0.75rem !important;
    padding: 0.4rem 0.5rem !important;
  }

  .leaderboard-duration-button {
    font-size: 0.7rem !important;
    padding: 0.35rem 0.5rem !important;
  }

  .leaderboard-podium-image {
    width: 50px !important;
    height: 50px !important;
  }

  .leaderboard-podium-name {
    font-size: 0.7rem !important;
    max-width: 100px !important;
  }

  .leaderboard-table {
    font-size: 9px !important;
  }

  .leaderboard-table th,
  .leaderboard-table td {
    padding: 0.4rem 0.3rem !important;
    font-size: 0.7rem !important;
  }

  .leaderboard-fighter-image {
    width: 30px !important;
    height: 30px !important;
  }

  .leaderboard-icon-image {
    width: 16px !important;
    height: 16px !important;
  }

  .leaderboard-trainer-address {
    max-width: 25vw !important;
    font-size: 0.65rem !important;
  }
}

@media (max-width: 350px) {
  .leaderboard-container {
    padding: 0.4rem !important;
    padding-top: 60px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .share-card-modal-title {
    font-size: 15px;
  }

  .leaderboard-tab {
    font-size: 0.7rem !important;
    padding: 0.35rem 0.4rem !important;
  }

  .leaderboard-duration-button {
    font-size: 0.65rem !important;
    padding: 0.3rem 0.4rem !important;
  }

  .leaderboard-podium-image {
    width: 45px !important;
    height: 45px !important;
  }

  .leaderboard-podium-name {
    font-size: 0.65rem !important;
    max-width: 80px !important;
  }

  .leaderboard-table {
    font-size: 8px !important;
  }

  .leaderboard-table th,
  .leaderboard-table td {
    padding: 0.3rem 0.25rem !important;
    font-size: 0.65rem !important;
  }

  .leaderboard-fighter-image {
    width: 25px !important;
    height: 25px !important;
  }

  .leaderboard-icon-image {
    width: 14px !important;
    height: 14px !important;
  }

  .leaderboard-trainer-address {
    max-width: 30vw !important;
    font-size: 0.6rem !important;
  }
}

/* Celebration Overlay Animations */
@keyframes celebrationGlowPulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.05);
  }
}

@keyframes celebrationFadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes celebrationFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes celebrationParticleFloat {
  0% {
    opacity: 0;
    transform: translateY(0) scale(0);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-100px) scale(1);
  }
}

@keyframes celebrationConfettiFall {
  0% {
    opacity: 1;
    transform: translateY(-20px) translateX(0) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateY(calc(100vh + 20px)) translateX(var(--drift, 0px)) rotate(720deg);
  }
}

.celebration-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  /* Prevent touch events from passing through on mobile */
  touch-action: none;
  /* Ensure it covers the entire viewport including safe areas */
  width: 100vw;
  height: 100vh;
  height: 100dvh; /* Dynamic viewport height for mobile */
  /* Prevent scrolling when overlay is shown */
  overflow: hidden;
}

.celebration-content {
  text-align: center;
  position: relative;
}

.celebration-message {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: #ffffff;
  text-shadow: 
    0 0 20px rgba(255, 255, 255, 0.5),
    0 0 40px rgba(255, 215, 0, 0.3),
    0 0 60px rgba(255, 215, 0, 0.2);
  letter-spacing: 0.05em;
  line-height: 1.2;
  /* Ensure text is readable on mobile */
  padding: 0 1rem;
  text-align: center;
  word-wrap: break-word;
}

.celebration-confetti-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.celebration-confetti {
  position: absolute;
  top: -10px;
  border-radius: 2px;
  pointer-events: none;
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .celebration-overlay {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  
  .celebration-message {
    font-size: clamp(1.75rem, 6vw, 2.5rem);
    padding: 0 1.5rem;
  }
  
  .celebration-confetti {
    /* Reduce animation complexity on mobile */
    will-change: transform, opacity;
  }
}

/* Body scroll prevention is handled in JavaScript for better browser compatibility */

@media (prefers-reduced-motion: reduce) {
  .celebration-overlay,
  .celebration-content,
  .celebration-message {
    animation: none !important;
  }
  
  .celebration-confetti {
    display: none;
  }
}

/* Share Button Tooltip Styles */
.share-button-tooltip-wrapper {
  position: relative;
  display: inline-block;
}

.share-button-tooltip {
  position: absolute;
  z-index: 10002;
  pointer-events: none;
  animation: tooltipFadeIn 0.2s ease-out;
}

.share-button-tooltip--top {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.share-button-tooltip--bottom {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.share-button-tooltip--left {
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}

.share-button-tooltip--right {
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}

.share-button-tooltip-content {
  background: rgba(0, 0, 0, 0.95);
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.share-button-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.share-button-tooltip-arrow--top {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px 6px 0 6px;
  border-color: rgba(0, 0, 0, 0.95) transparent transparent transparent;
}

.share-button-tooltip-arrow--bottom {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent rgba(0, 0, 0, 0.95) transparent;
}

.share-button-tooltip-arrow--left {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.95);
}

.share-button-tooltip-arrow--right {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 6px 6px 6px 0;
  border-color: transparent rgba(0, 0, 0, 0.95) transparent transparent;
}

@keyframes tooltipFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

.share-button-tooltip--bottom {
  animation: tooltipFadeInBottom 0.2s ease-out;
}

@keyframes tooltipFadeInBottom {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

.share-button-tooltip--left {
  animation: tooltipFadeInLeft 0.2s ease-out;
}

@keyframes tooltipFadeInLeft {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(4px);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

.share-button-tooltip--right {
  animation: tooltipFadeInRight 0.2s ease-out;
}

@keyframes tooltipFadeInRight {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
  .share-button-tooltip-content {
    font-size: 0.75rem;
    padding: 0.4rem 0.6rem;
    max-width: 200px;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.3;
  }
  
  .share-button-tooltip-arrow {
    border-width: 5px;
  }

  .share-button-tooltip--top {
    bottom: calc(100% + 6px);
  }

  .share-button-tooltip--bottom {
    top: calc(100% + 6px);
  }

  .share-button-tooltip--left {
    right: calc(100% + 6px);
  }

  .share-button-tooltip--right {
    left: calc(100% + 6px);
  }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
  .share-button-tooltip-content {
    font-size: 0.7rem;
    padding: 0.35rem 0.5rem;
    max-width: 160px;
    line-height: 1.25;
  }
  
  .share-button-tooltip-arrow {
    border-width: 4px;
  }

  .share-button-tooltip--top {
    bottom: calc(100% + 5px);
  }

  .share-button-tooltip--bottom {
    top: calc(100% + 5px);
  }

  .share-button-tooltip--left {
    right: calc(100% + 5px);
  }

  .share-button-tooltip--right {
    left: calc(100% + 5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .share-button-tooltip {
    animation: none !important;
  }
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Notification Modal Message Styling */
.notification-modal-content {
  position: relative;
  z-index: 1;
  width: 100%;
}

.notification-modal-message {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  word-break: break-word;
  hyphens: auto;
}

/* Style <br /> tags for proper line breaks and spacing */
.notification-modal-message br {
  display: block;
  content: "";
  margin: 0.6rem 0;
  line-height: 1.8;
}

/* Double <br /> creates larger paragraph spacing */
.notification-modal-message br + br {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  display: block;
  height: 0;
}

/* Ensure text is readable and well-spaced */
.notification-modal-message {
  color: rgba(255, 255, 255, 0.98);
}

/* Mobile responsive adjustments */
@media (max-width: 400px) {
  .notification-modal-message {
    font-size: 0.875rem;
    letter-spacing: 0.01em;
  }
  
  .notification-modal-message br {
    margin: 0.5rem 0;
  }
  
  .notification-modal-message br + br {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 640px){

  .sm\:block{
    display: block;
  }

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

  .sm\:bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px){

  .md\:pt-\[70px\]{
    padding-top: 70px;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/squad.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.connectbutton_redConnectButton__SrvWE{border:3px solid white;background-color:#DD4837;color:white;padding:10px 20px;font-size:1.2em;border-radius:3px;font-weight:700;font-family:inherit;cursor:pointer}.connectbutton_redConnectButton__SrvWE:hover{background-color:#dd4837b7}.connectbutton_blackConnectButtonSmall__MDYTu{border:3px solid rgb(56,56,56);background-color:#DD4837;background-color:rgb(56,56,56);color:white;padding:10px 20px;font-size:1em;border-radius:3px;font-weight:700;font-family:inherit;cursor:pointer;margin-right:25px}.connectbutton_redConnectButtonSmall__GSJ3j{border:2px solid white;background-color:#DD4837;background-color:rgb(18,19,91);color:white;padding:15px 20px;font-size:1em;border-radius:50px;font-family:inherit;cursor:pointer;margin-right:10px;font-family:Space Grotesk;font-weight:100;letter-spacing:1.5px}@media (max-width:768px){.connectbutton_blackConnectButtonSmall__MDYTu{margin-top:5px;font-size:10px;margin-right:5px;padding:10px 5px}.connectbutton_redConnectButtonSmall__GSJ3j{margin-top:5px;padding:10px 15px;font-size:12px}}@media (max-width:350px){.connectbutton_blackConnectButtonSmall__MDYTu{margin-top:5px;font-size:8px;padding:5px 10px;margin-right:8px}}.nav_navbar__dHFWK{display:flex;justify-content:space-between;align-items:center;background-color:#EAD351;color:black;border-bottom:10px solid #dd4837;position:fixed;width:100%;height:70px;left:0;right:0;z-index:999}.nav_logo__RNJOQ{font-size:1.5rem;font-weight:700;padding-left:10px;display:flex;align-items:center}.nav_logoimg__0IosO{height:60px}.nav_menuButton__RMGek{display:none;background:none;border:none;font-size:2rem;color:black;cursor:pointer;transition:all 1s ease}.nav_menuButton__RMGek:hover{color:rgb(197,197,197)}.nav_navLinks__h0Nts{display:flex;gap:1rem;list-style:none}.nav_navLinks__h0Nts a{color:black;text-decoration:none}@media (max-width:768px){.nav_navbar__dHFWK{height:50px}.nav_logoimg__0IosO{height:40px}.nav_trophyIcon__c74LO{width:35px;height:35px}.nav_trophyImage__JHT1V{width:20px;height:20px}.nav_menuButton__RMGek{display:block;display:none}.nav_navLinks__h0Nts{display:none;flex-direction:column;position:absolute;top:60px;background-color:#EAD351;width:100%;padding:1em;left:0;right:0}.nav_show__zjBgf{display:flex}}@media (max-width:350px){.nav_logoimg__0IosO{height:35px}.nav_trophyIcon__c74LO{width:30px;height:30px}.nav_trophyImage__JHT1V{width:18px;height:18px}.nav_navright__R_2jL{gap:10px}}.nav_navright__R_2jL{display:flex;flex-direction:row;align-items:center;gap:15px}.nav_leaderboardLink__Vf6MI{display:flex;align-items:center;text-decoration:none;color:black;transition:all .3s ease}.nav_leaderboardLink__Vf6MI:hover{transform:scale(1.1);color:#DD4837}.nav_trophyIcon__c74LO{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,.2);transition:all .3s ease}.nav_trophyIcon__c74LO:hover{background-color:rgba(255,255,255,.4);transform:scale(1.05)}.nav_trophyImage__JHT1V{width:24px;height:24px;filter:brightness(0) saturate(100%)}.carousel_carouselContainer__kIQw9{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;width:100%}.carousel_carousel__PxPRp{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:800px;margin:auto;position:relative;font-family:Martian Mono}.carousel_arrow__HHMhv{background:none;border:none;color:white;font-size:2rem;cursor:pointer;z-index:10}.carousel_cards__pPGpU{display:flex;gap:10px;overflow:hidden;width:100%;justify-content:center}.carousel_card__AIxvR{position:relative;transition:transform .3s ease,opacity .3s ease;width:200px;height:285px;border-radius:10px;overflow:hidden;background:#222;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:white}.carousel_nftimage__9S5Yc{margin-top:10px;border-radius:10px;max-width:180px;max-height:180px;border:.3px solid rgb(211,211,211)}.carousel_blurred___7NQ3{filter:blur(5px);opacity:.6;transition:filter .3s ease-in-out,opacity .3s ease-in-out}.carousel_nftname__Ayk6W{margin-top:10px;color:black;font-size:14px}.carousel_nftcreator__oJPL7{margin-top:5px;color:rgb(94,94,94);font-size:10px}.carousel_info__PnV4W{width:90%;display:flex;justify-content:space-between;padding:10px;color:black;font-size:12px;font-weight:100}.carousel_inactive__Wetyo{opacity:.7;transform:scale(.9)}.carousel_attributesGrid__H19vs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px 15px;gap:5px 15px;max-width:700px}.carousel_attributeRow__XoXwZ{display:flex;flex-direction:column;align-items:flex-start;width:100%}.carousel_attributeName__OZ9_Y{font-weight:300;font-size:10px;text-transform:capitalize;margin-bottom:3px}.carousel_progressBar__WWysV{width:200px;height:6px;background:white;border-radius:1px;overflow:hidden;position:relative}.carousel_progress__0SBp_{height:100%;background:#FD8383;text-align:right;padding-right:5px;font-size:12px;color:white;border-radius:1px}.carousel_text__gIzW1{font-size:12px;font-weight:300;margin-top:10px;padding:10px;border-radius:5px;color:white;border-bottom:1px solid white;margin-bottom:20px;max-width:fit-content;place-self:center;}.carousel_secondary_button__vD1B9{color:white;background-color:#FD8383;display:inline-block;font-size:12px;border-radius:3px;border:2px solid white;margin-bottom:10px;background-color:#DD4837}.carousel_mintIcon__NuCvr{width:30px;border-radius:50%;margin-right:10px;border:2px solid white}.carousel_secondary_button__vD1B9 a{color:white;margin:0;text-decoration:none;display:flex;align-items:center;padding:5px 10px}.carousel_secondary_button__vD1B9:active{border:1px solid white}.carousel_counttext__HSuku{font-size:18px;margin:10px}.carousel_greytext__pUltm{font-size:12px;color:rgb(178,178,178);margin:10px}@media (max-width:768px){.carousel_carousel__PxPRp{max-width:90vw}.carousel_attributesGrid__H19vs{grid-template-columns:repeat(2,1fr)}.carousel_progressBar__WWysV{width:100px;height:6px;background:white;border-radius:1px;overflow:hidden;position:relative}.carousel_card__AIxvR{width:100px;height:155px;border-radius:10px}.carousel_nftimage__9S5Yc{margin-top:5px;border-radius:5px;max-width:90px;max-height:90px}.carousel_nftname__Ayk6W{margin-top:10px;font-size:10px}.carousel_nftcreator__oJPL7{margin-top:2px;font-size:8px}.carousel_info__PnV4W{padding:10px;font-size:8px}}.sign_submit_button__AnUC1{border-radius:20px;border:2.8px solid white;padding:10px 20px;font-family:inherit;background-color:#DD4837;background-color:rgb(18,19,91);font-size:14px;color:white;cursor:pointer;transition:all .3s ease}.sign_submit_button__AnUC1:hover{background-color:#DD4837;opacity:80%}.sign_submit_button__AnUC1:active{opacity:90%}.sign_submit_button__AnUC1:disabled{background-color:#bababa}.sign_errormsg__mqUZe{font-size:14px;background-color:rgb(69,86,69);padding:10px;border-radius:10px;margin-top:20px}.sign_errormsg2__A7OL_{font-size:12px;margin-bottom:5px;background-color:white;border-radius:5px;padding:5px 10px;color:black}.strava_container__qvP8U{text-align:center;position:relative;font-size:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:800px;width:100%;padding:20px;gap:15px}.strava_info__4tOFg{margin-top:10px;padding:10px;border-radius:5px;color:white;border-bottom:1px solid white;max-width:90vw}.strava_connectButton__LTkhf{width:200px;margin:20px 0;border:5px solid white;cursor:pointer}.strava_logo__YEAqP{max-width:100px;margin-bottom:20px}.attributeselect_container__rmxCO{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:1200px;margin:0 auto}.attributeselect_title__HzU4F{font-size:2rem;font-weight:700;color:white;margin:15px 0 8px;text-align:center}.attributeselect_subtitle__TGHPj{font-size:1rem;color:#cccccc;margin-bottom:20px;text-align:center}.attributeselect_attributesGrid__lwVep{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;width:100%;max-width:1000px;margin-bottom:30px}.attributeselect_attributeCard__qYQrc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;text-align:center;transition:all .3s ease;cursor:default}.attributeselect_attributeCard__qYQrc.attributeselect_highlighted__8f7K6{border-color:#4CAF50;background:rgba(76,175,80,.1);box-shadow:0 0 20px rgba(76,175,80,.3)}.attributeselect_attributeEmoji__UR7UH{font-size:1.8rem;margin-bottom:4px}.attributeselect_attributeName__QitHW{font-size:.9rem;font-weight:700;color:white;margin-bottom:3px}.attributeselect_attributeDescription__H8yAt{font-size:.65rem;color:#cccccc;margin-bottom:3px;line-height:1.2}.attributeselect_attributeStatus__1_Ygw{font-size:.55rem;color:#888888;font-style:italic}.attributeselect_attributeCard__qYQrc.attributeselect_trainable__6y7p2 .attributeselect_attributeStatus__1_Ygw{color:#FFD700;font-weight:500}.attributeselect_attributeCard__qYQrc.attributeselect_highlighted__8f7K6 .attributeselect_attributeStatus__1_Ygw{color:#4CAF50;font-weight:500}.attributeselect_trainingMethodsContainer__FGBUC{margin-bottom:30px;text-align:center}.attributeselect_trainingTitle__i9dX5{font-size:1.5rem;color:white;margin-bottom:20px}.attributeselect_trainingMethods__x5qtS{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.attributeselect_trainingMethod__yi7No{display:flex;flex-direction:column;align-items:center;padding:15px 25px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;color:white;font-size:1rem;font-weight:500}.attributeselect_trainingMethod__yi7No:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.attributeselect_trainingMethod__yi7No.attributeselect_selected__8T4DU{border-color:#4CAF50;background:rgba(76,175,80,.15);box-shadow:0 0 15px rgba(76,175,80,.4)}.attributeselect_methodIcon__BtABI{font-size:2rem;margin-bottom:8px}.attributeselect_methodName__oKmC4{font-weight:600}.attributeselect_confirmButton__WmxNu{border-radius:20px;border:2.8px solid white;padding:10px 20px;font-family:inherit;background-color:rgb(18,19,91);font-size:14px;color:white;cursor:pointer;transition:all .3s ease}.attributeselect_confirmButton__WmxNu:hover{background-color:#DD4837;opacity:80%}.attributeselect_confirmButton__WmxNu:active{opacity:90%}.attributeselect_confirmButton__WmxNu:disabled{background-color:#bababa;cursor:not-allowed}.attributeselect_successMessage___Svfu{background-color:rgba(76,175,80,.1);border:1px solid #4caf50;color:#4CAF50;padding:10px 15px;border-radius:8px;margin-bottom:15px;text-align:center;font-size:.9rem}.attributeselect_errorMessage__GU7Gb{background-color:rgba(244,67,54,.1);border:1px solid #f44336;color:#F44336;padding:10px 15px;border-radius:8px;margin-bottom:15px;text-align:center;font-size:.9rem}.attributeselect_loadingMessage__M_6nO{color:#666;font-style:italic;text-align:center;padding:20px;font-size:.9rem}@media (max-width:768px){.attributeselect_container__rmxCO{padding:15px}.attributeselect_title__HzU4F{font-size:1.8rem}.attributeselect_attributesGrid__lwVep{grid-template-columns:repeat(3,1fr);gap:10px;max-width:100%}.attributeselect_attributeCard__qYQrc{padding:8px}.attributeselect_attributeEmoji__UR7UH{font-size:1.5rem}.attributeselect_attributeName__QitHW{font-size:.8rem}.attributeselect_attributeDescription__H8yAt{font-size:.6rem}.attributeselect_attributeStatus__1_Ygw{font-size:.5rem}.attributeselect_trainingMethods__x5qtS{flex-direction:column;align-items:center;gap:15px}.attributeselect_trainingMethod__yi7No{width:200px}.attributeselect_confirmButton__WmxNu{padding:12px 30px;font-size:1.1rem}}@media (max-width:480px){.attributeselect_attributesGrid__lwVep{grid-template-columns:repeat(2,1fr);gap:8px}.attributeselect_attributeCard__qYQrc{padding:6px}.attributeselect_attributeEmoji__UR7UH{font-size:1.3rem}.attributeselect_attributeName__QitHW{font-size:.75rem}.attributeselect_attributeDescription__H8yAt{font-size:.55rem}.attributeselect_attributeStatus__1_Ygw{font-size:.45rem}.attributeselect_trainingMethod__yi7No{width:180px;padding:12px 20px}}.fighterdisplay_wrapper__q5JIV{background-color:#DD4837;background:url(/images/bg1.png) no-repeat 50%;background-size:cover;flex-direction:row}.fighterdisplay_background__tOjhW,.fighterdisplay_wrapper__q5JIV{justify-content:center;align-items:center;display:flex;max-width:100vw;min-height:100vh}.fighterdisplay_background__tOjhW{width:50vw;background-color:#DD4837;flex-direction:column;opacity:.95}.fighterdisplay_imageBarLeft__ECvHX{max-width:200px;height:100vh;width:10vw;background:url(/images/red\ border-left.png) no-repeat 0;background-size:cover;opacity:.95}.fighterdisplay_imageBarRight__h36Ad{max-width:200px;width:10vw;height:100vh;background:url(/images/red\ border-right.png) no-repeat 100%;background-size:cover;opacity:.95}.fighterdisplay_container__rLuu4{display:flex;align-items:center;gap:20px;padding:20px;width:500px}.fighterdisplay_image__bwaQS{width:200px;height:200px;object-fit:cover;border-radius:10px;align-self:center;border:10px solid black}.fighterdisplay_infoContainer__QH0Nt{flex:1 1;display:flex;flex-direction:column}.fighterdisplay_header__J7q6o{display:flex;align-items:center;gap:10px}.fighterdisplay_levelCircle__WymYf{width:50px;height:50px;min-width:50px;border-radius:50%;background:#a1a5a10f;color:black;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:3px solid black}.fighterdisplay_nameContainer__Eestk{display:flex;flex-direction:column}.fighterdisplay_name__fmw1j{font-size:20px;font-weight:700}.fighterdisplay_miniLevel__dSxVK{margin-top:5px;font-size:12px;color:#181818}.fighterdisplay_left__d1S_v{display:flex;flex-direction:column;align-items:center;gap:10px}.fighterdisplay_statsContainer__CTHxE{max-height:200px;overflow-y:auto;margin-top:10px;padding-right:10px}.fighterdisplay_stat__ntomZ{display:flex;align-items:center;gap:5px;position:relative;padding:3px 0;width:100%}.fighterdisplay_statBar__oHh4v{flex-grow:1;height:18px;background:#cfcfcf2c;border-radius:1px;position:relative;overflow:hidden;display:flex;align-items:center;padding:5px 10px}.fighterdisplay_statFill__chn8I{height:100%;background:#000000;position:absolute;top:0;left:0;transition:width .3s ease-in-out;z-index:1;opacity:40%}.fighterdisplay_statName__VE87k{position:absolute;left:5px;font-size:12px;color:white;font-weight:700;z-index:2;text-transform:capitalize}.fighterdisplay_statText__9cAK1{font-size:12px;color:#333;font-weight:700;width:10px;text-align:right;margin:10px}.fighterdisplay_squaretext__xkfDf{padding:10px 15px;border:2px solid white;color:white;background-color:rgba(0,0,0,.221);border-radius:5px;margin:10px;text-align:center}.fighterdisplay_logo__SB4O1{max-width:150px;margin:20px}.fighterdisplay_error_text__3Oc7Y{background-color:white;padding:15px 20px;border-radius:10px;border:5px solid black}@media (max-width:900px){.fighterdisplay_container__rLuu4{display:flex;flex-direction:column}.fighterdisplay_infoContainer__QH0Nt{margin-top:20px;max-width:80vw}.fighterdisplay_background__tOjhW{width:100vw}.fighterdisplay_imageBarLeft__ECvHX,.fighterdisplay_imageBarRight__h36Ad{display:none}.fighterdisplay_squaretext__xkfDf{font-size:12px}}.training_wrapper__ue0tT{background-color:#DD4837;background:url(/images/bg1.png) no-repeat 50%;background-size:cover;flex-direction:row}.training_background__6Eue6,.training_wrapper__ue0tT{justify-content:center;align-items:center;display:flex;max-width:100vw;min-height:100vh}.training_background__6Eue6{width:50vw;background-color:#12135b;color:white;flex-direction:column;opacity:.95}.training_imageBarLeft__i1otq{max-width:200px;height:100vh;width:10vw;background:url(/images/blue\ border-left.png) no-repeat 0;background-size:cover;opacity:.95}.training_imageBarRight__6Aemi{max-width:200px;width:10vw;height:100vh;background:url(/images/blue\ border-right.png) no-repeat 100%;background-size:cover;opacity:.95}.training_container__10ZOQ{display:flex;align-items:center;gap:20px;width:500px;flex-direction:column;text-align:center}.training_title__rrq5E{font-size:30px}.training_text__jtxs3{text-align:center;font-size:12px;font-weight:300;margin-top:10px;padding:10px;max-width:90vw;border-radius:5px;color:white;border-bottom:1px solid white}.training_text2__A03Zs{font-size:12px;font-weight:200;color:rgb(196,196,196)}.training_stats_container__VUOF2{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.training_stats_item__g5a7h{background:#1a1a1a;border:.2px solid white;padding:12px 16px;border-radius:8px;text-align:center;min-width:150px;flex:1 1}.training_stats_label__KynNX{font-size:10px;color:#aaa;text-transform:uppercase;margin-bottom:5px}.training_stats_value__rtvqF{font-size:18px;font-weight:700;color:#fff}.training_ringOuter__D8pMH{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:-80px}.training_ringWrapper__jGkJZ{display:block}.training_backgroundCircle__pg49G{fill:transparent}.training_additionalCircle__2Bj5_,.training_filledCircle__jlsYS{transition:stroke-dashoffset .3s ease}.training_textInside__YqmOQ{transform:translateY(-115px);text-align:center;font-size:20px;font-weight:700}.training_additionalText__kMCTO{font-size:12px;color:#79ac71;margin-top:5px}.training_label__YtIP4{transform:translateY(-75px);text-align:center;margin-top:15px;font-size:14px;color:rgb(255,255,255)}.training_submit_button__ZUO_d{border-radius:20px;border:2.8px solid white;padding:10px 20px;font-family:inherit;background-color:#DD4837;font-size:14px;color:white;cursor:pointer;transition:all .3s ease;margin-top:20px}.training_submit_button__ZUO_d:hover{background-color:#DD4837;opacity:80%}.training_submit_button__ZUO_d:active{opacity:90%}.training_submit_button__ZUO_d:disabled{background-color:#bababa}.training_button_container__Jrzt8{display:flex;gap:10px}.training_mini_button__6BqJv{background:#ffffff;color:rgb(58,58,58);padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;text-align:center;transition:background .2s;border:2px solid black}.training_mini_button__6BqJv a{text-decoration:none;color:black}.training_mini_button__6BqJv:hover{background:#e3e3e3}.training_popupOverlay__XJs9R{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100000}.training_popupContent__RGIr3{background:white;padding:20px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.25);width:400px;max-width:90%;text-align:center;color:black}.training_heading__7iwSG{margin-bottom:10px;font-size:20px}.training_greentext__mRZOS{margin-left:10px;color:#79ac71}.training_datetext___2mY4{margin-top:5px;font-size:12px;color:rgb(152,152,152)}.training_list__JiLxT{list-style-type:none;padding:0;max-height:300px;overflow-y:auto}.training_listItem__M5Au0{background:#f8f8f8;margin:8px 0;padding:10px;border-radius:8px;text-align:left}.training_shareButtonList__xScJ7{display:flex;flex-direction:row;align-items:center;text-align:center;justify-content:center;margin-top:0;margin-bottom:0}.training_shareButton__7aUVX{width:32px;height:32px;margin-top:10px;padding:10px 15px;border:none;background:#000000;color:white;font-size:16px;border-radius:8px;cursor:pointer;transition:background .3s ease;margin-right:10px}.training_twitter_icon__adOYY{background-image:url(/icons/twitter-white.png);background-repeat:no-repeat;background-position:50%;background-size:20px 20px}.training_wrapcast_icon__FNYq_{background-image:url(/icons/wrapcast-white.png);background-repeat:no-repeat;background-position:50%;background-size:25px 25px}.training_telegram_icon__aO2RH{background-image:url(/icons/telegram-white.png);background-repeat:no-repeat;background-position:50%;background-size:20px 20px}.training_closeButton__e_l3I{margin-top:10px;padding:10px;font-family:inherit;border:none;background:#ff4d4d;color:white;font-size:16px;border-radius:8px;cursor:pointer;transition:background .3s ease}.training_closeButton__e_l3I:hover{background:#cc0000}.training_section__B2pSK{margin-bottom:20px;width:100%}.training_container__10ZOQ{max-height:100vh;overflow-y:auto;padding:20px;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.training_container__10ZOQ::-webkit-scrollbar{display:none}.training_sectionTitle__uwUa1{font-size:1.1rem;color:white;margin-bottom:12px;text-align:center;font-weight:600}.training_courseGrid__1HYAd{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}@media (min-width:1024px){.training_courseGrid__1HYAd{grid-template-columns:repeat(3,1fr);max-width:1000px}}@media (max-width:768px){.training_courseGrid__1HYAd{grid-template-columns:1fr;gap:15px;margin-bottom:15px;max-width:90vw}.training_courseCard__pvglP{padding:15px;min-height:100px}.training_courseIcon__uC5wT{margin-bottom:8px}.training_yogaIcon__LOKrU{width:35px;height:35px}.training_meditationIcon__qamYw{width:30px;height:30px;filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1000%) hue-rotate(180deg) brightness(1.2) contrast(1.5);transition:all .3s ease}.training_meditationIcon__qamYw:hover{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1000%) hue-rotate(180deg) brightness(1.5) contrast(1.8)}.training_courseTitle__YfHQq{font-size:1.1rem;margin-bottom:6px}.training_courseSubtitle__jkZQS{font-size:.85rem;margin-bottom:12px}.training_fightersLogo__5S34x{width:65px}.training_sectionTitle__uwUa1{font-size:1rem;margin-bottom:10px}.training_section__B2pSK{margin-bottom:15px}.training_questionContainer__t8Dvi{padding:10px;margin-bottom:10px}.training_questionText__YWtvq{font-size:.9rem;margin-bottom:10px}.training_answerOptions__yj_tC{grid-template-columns:1fr;gap:8px}.training_answerOption__WkPq5{padding:6px 10px}.training_optionText__NEpw0{font-size:.85rem}.training_videoContainer__dH5X2{max-width:100%}.training_mainVideo__xQpWc{height:250px}.training_text__jtxs3{font-size:.9rem;padding:0 10px}.training_submit_button__ZUO_d{margin-top:15px;padding:12px 18px;font-size:13px}.training_errorMessage__sBcKq,.training_successMessage__E88J1{font-size:.8rem;padding:8px 12px;margin-bottom:10px}}@media (max-width:500px){.training_container__10ZOQ{padding:10px}.training_courseGrid__1HYAd{gap:8px;margin-bottom:8px;max-width:90vw;margin-left:auto;margin-right:auto}.training_courseCard__pvglP{padding:12px;min-height:90px}.training_courseIcon__uC5wT{margin-bottom:6px}.training_yogaIcon__LOKrU{width:30px;height:30px}.training_meditationIcon__qamYw{width:25px;height:25px;filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1000%) hue-rotate(180deg) brightness(1.2) contrast(1.5);transition:all .3s ease}.training_meditationIcon__qamYw:hover{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1000%) hue-rotate(180deg) brightness(1.5) contrast(1.8)}.training_courseTitle__YfHQq{font-size:1rem;line-height:1.2;margin-bottom:5px}.training_courseSubtitle__jkZQS{font-size:.8rem;margin-bottom:10px}.training_fightersLogo__5S34x{width:60px}.training_sectionTitle__uwUa1{font-size:.9rem;margin-bottom:8px}.training_section__B2pSK{margin-bottom:12px}.training_questionContainer__t8Dvi{padding:8px;margin-bottom:8px;max-width:80vw;margin-left:auto;margin-right:auto}.training_questionText__YWtvq{font-size:.8rem;margin-bottom:8px;line-height:1.3}.training_answerOptions__yj_tC{gap:6px}.training_answerOption__WkPq5{padding:5px 8px}.training_optionText__NEpw0{font-size:.75rem;line-height:1.2}.training_mainVideo__xQpWc{height:200px;max-width:80vw;margin:0 auto}.training_text__jtxs3{display:none}.training_submit_button__ZUO_d{margin-top:12px;padding:10px 15px;font-size:12px;width:80vw}.training_errorMessage__sBcKq,.training_successMessage__E88J1{font-size:.75rem;padding:6px 8px;margin-bottom:8px}}.training_courseCard__pvglP{background:linear-gradient(135deg,#8B4513,#D2691E 50%,#CD853F);border:1px solid #ff8c00;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(139,69,19,.3)}.training_courseCard__pvglP[data-type=yoga]{background:linear-gradient(135deg,#8B4513,#D2691E 50%,#CD853F);border:2px solid #ff8c00;box-shadow:0 0 15px rgba(255,140,0,.4),0 0 25px rgba(255,140,0,.2),0 0 35px rgba(255,140,0,.1),inset 0 0 15px rgba(255,140,0,.1)}.training_courseCard__pvglP[data-type=yoga]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#FF8C00,#FFD700,#FFA500,#FF8C00);border-radius:18px;z-index:-1;animation:training_glowingOrangeBorder__rOdxy 3s ease-in-out infinite alternate}@keyframes training_glowingOrangeBorder__rOdxy{0%{opacity:.7;box-shadow:0 0 8px rgba(255,140,0,.5)}to{opacity:1;box-shadow:0 0 15px rgba(255,140,0,.8),0 0 25px rgba(255,215,0,.6)}}.training_courseCard__pvglP:hover{box-shadow:0 8px 25px rgba(255,140,0,.4)}.training_courseCard__pvglP:hover,.training_courseCard__pvglP[data-type=yoga]:hover{border-color:#FFD700;background:linear-gradient(135deg,#A0522D,#DEB887 50%,#F4A460);transform:translateY(-3px)}.training_courseCard__pvglP[data-type=yoga]:hover{box-shadow:0 0 20px rgba(255,215,0,.6),0 0 35px rgba(255,215,0,.3),0 0 50px rgba(255,215,0,.2),inset 0 0 20px rgba(255,215,0,.2)}.training_courseCard__pvglP.training_selectedCourse__1Hb2s{border-color:#FFD700;background:linear-gradient(135deg,#8B4513,#D2691E 50%,#CD853F);box-shadow:0 0 30px rgba(255,215,0,.9),0 0 50px rgba(255,140,0,.6);border-width:2px}.training_courseCard__pvglP[data-type=yoga].training_selectedCourse__1Hb2s{border-color:#FFD700;background:linear-gradient(135deg,#8B4513,#D2691E 50%,#CD853F);transform:translateY(-3px);box-shadow:0 0 20px rgba(255,215,0,.6),0 0 35px rgba(255,215,0,.3),0 0 50px rgba(255,215,0,.2),inset 0 0 20px rgba(255,215,0,.2);border-width:2px}.training_courseCard__pvglP[data-type=meditation]{background:linear-gradient(135deg,#0F2027,#203A43 50%,#2C5364);border:2px solid #00bfff;box-shadow:0 0 15px rgba(0,191,255,.4),0 0 25px rgba(0,191,255,.2),0 0 35px rgba(0,191,255,.1),inset 0 0 15px rgba(0,191,255,.1)}.training_courseCard__pvglP[data-type=meditation]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00BFFF,#00FFFF,#87CEEB,#00BFFF);border-radius:18px;z-index:-1;animation:training_glowingBlueBorder__JCzk1 3s ease-in-out infinite alternate}@keyframes training_glowingBlueBorder__JCzk1{0%{opacity:.7;box-shadow:0 0 10px rgba(0,191,255,.5)}to{opacity:1;box-shadow:0 0 20px rgba(0,191,255,.8),0 0 30px rgba(0,255,255,.6)}}.training_courseCard__pvglP[data-type=meditation].training_selectedCourse__1Hb2s,.training_courseCard__pvglP[data-type=meditation]:hover{border-color:#00FFFF;background:linear-gradient(135deg,#1A3A4A,#2C5364 50%,#3D6B7A);transform:translateY(-3px);box-shadow:0 0 20px rgba(0,255,255,.6),0 0 35px rgba(0,255,255,.3),0 0 50px rgba(0,255,255,.2),inset 0 0 20px rgba(0,255,255,.2)}.training_courseCard__pvglP[data-type=meditation].training_selectedCourse__1Hb2s{border-width:2px}.training_courseVideo__61_CK{width:100%;height:140px;margin-bottom:8px;border-radius:8px;overflow:hidden}.training_courseVideo__61_CK iframe{width:100%;height:100%;border:none}.training_videoPlaceholder__YMC_k{width:100%;height:100%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:white;font-size:1.1rem;border-radius:8px}.training_courseTitle__YfHQq{font-size:1.2rem;color:white;font-weight:700;line-height:1.2;text-align:center;margin-bottom:8px;text-shadow:0 0 15px rgba(255,255,255,.8)}.training_courseSubtitle__jkZQS{font-size:.9rem;color:#FFE4B5;font-weight:400;line-height:1.3;text-align:center;margin-bottom:15px;flex-grow:1;display:flex;align-items:center;justify-content:center;text-shadow:0 0 8px rgba(255,228,181,.5)}.training_courseIcon__uC5wT{margin-bottom:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.training_yogaIcon__LOKrU{width:40px;height:40px;filter:brightness(0) saturate(100%) invert(83%) sepia(31%) saturate(638%) hue-rotate(359deg) brightness(103%) contrast(107%);transition:all .3s ease}.training_courseCard__pvglP:hover .training_yogaIcon__LOKrU{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}.training_meditationIcon__qamYw{width:32px;height:32px;filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1000%) hue-rotate(180deg) brightness(1.2) contrast(1.5);transition:all .3s ease}.training_courseCard__pvglP:hover .training_meditationIcon__qamYw{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1000%) hue-rotate(180deg) brightness(1.5) contrast(1.8)}.training_courseLogo__PdStf{opacity:.6;transition:opacity .3s ease}.training_courseCard__pvglP:hover .training_courseLogo__PdStf{opacity:.8}.training_fightersLogo__5S34x{width:80px;height:auto;filter:brightness(.8) contrast(1.2)}.training_questionContainer__t8Dvi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;margin-bottom:12px}.training_questionText__YWtvq{color:white;font-size:1rem;margin-bottom:12px;line-height:1.4}.training_answerOptions__yj_tC{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px}.training_answerOption__WkPq5{display:flex;align-items:center;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.training_answerOption__WkPq5:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.training_answerOption__WkPq5 input[type=radio]{margin-right:8px;cursor:pointer}.training_optionText__NEpw0{color:white;font-size:.9rem;cursor:pointer}.training_videoContainer__dH5X2{width:100%;max-width:800px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.training_mainVideo__xQpWc{width:100%;height:450px;border:none;border-radius:12px}.training_popup2_overlay__aTZaR{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;color:black;z-index:10000}.training_popup2_popup__ySQBi{background:rgba(17,17,17,0.7);padding:20px 20px 20px;border-radius:10px;width:400px;text-align:center;display:flex;flex-direction:column;border:2px solid #4a9eff;box-shadow:0 0 25px #4a9eff;color:white;backdrop-filter:blur(10px)}.training_popup2_closeButton___5Hc0{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.training_popup2_title__sHkW2{font-size:20px;font-weight:400;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.208)}.training_popup2_subtitle__DMb9E{font-size:14px;margin-bottom:8px;margin-top:0}.training_popup2_progressBarContainer__u21vO+*{margin-top:15px}.training_popup2_progressBarContainer__u21vO{width:100%;background:#ddd;height:34px;border-radius:3px;position:relative;overflow:hidden;align-items:center;margin-bottom:0}.training_popup2_progressBar__IiPqH{height:100%;display:flex;position:relative}.training_popup2_lastEndurance__5uSX_{text-align:left;padding-left:10px;padding-top:7px;background:rgb(141,172,83);height:100%;color:white}.training_popup2_enduranceDelta__nzK8A{background:rgb(227,182,67);height:100%}.training_popup2_maxMarker__bEW3q{position:absolute;top:0;bottom:0;width:2px;background:rgb(152,152,152)}.training_popup2_statsList__BIlFW{list-style-type:none;padding:0;margin-top:0;text-align:left}.training_popup2_statsList__BIlFW li{margin-left:10px;padding:2px;font-size:14px}.training_popup2_alertMessage__ezH2i{color:red;margin-top:10px}.training_popup2_fighter__VqV3O{display:flex;align-items:center;margin-top:0;flex-direction:column;justify-content:center}.training_popup2_nameContainer__ByiCj{display:flex;flex-direction:column;align-items:flex-start}.training_popup2_name__GZbQm{font-size:20px;margin-top:10px;font-weight:700}.training_popup2_miniLevel__Wsg5T{font-size:14px;color:gray}.training_popup2_image__f_4Oz{width:150px;height:150px;object-fit:cover;border-radius:10%;align-self:center;border:5px solid black}.training_warning_text__UwsA1{border:1px solid grey;padding:10px;border-radius:5px;margin:0}.training_errortext__Whmml,.training_warning_text__UwsA1{text-align:center;font-size:12px}.training_minitext__IsBbW{font-size:10px;margin:0;padding:0}.training_logo__ymGj_{max-width:150px;margin:0 20px}.training_error_text__2Mxa8{background-color:white;padding:15px 20px;border-radius:10px;border:5px solid black}.training_fineprint__0F_iX{font-size:10px;margin:0;color:rgb(221,221,221)}@media (max-width:900px){.training_container__10ZOQ{display:flex;flex-direction:column}.training_infoContainer___GDVn{margin-top:20px;max-width:80vw}.training_background__6Eue6{width:100vw}.training_imageBarLeft__i1otq,.training_imageBarRight__6Aemi{display:none}.training_popup2_overlay__aTZaR,.training_popupOverlay__XJs9R{left:1vw;width:98vw}.training_container__10ZOQ{padding-top:20px}.training_popup2_lastEndurance__5uSX_{padding-top:11px;font-size:12px}.training_countdown__qtVUh{max-width:90vw;font-size:12px;text-align:center}.training_title__rrq5E{max-width:90vw;font-size:24px;text-align:center}.training_popup2_image__f_4Oz{width:100px;height:100px;padding:0;margin:0}.training_popup2_nameContainer__ByiCj{padding:0;margin:0}.training_popup2_name__GZbQm{margin-top:0;font-size:15px;font-weight:700}}@media (max-height:700px){.training_popup2_overlay__aTZaR{position:fixed}.training_popup2_popup__ySQBi{margin-top:110px;max-height:calc(100vh - 170px);overflow:scroll}.training_closeButton__e_l3I{padding:5px;border:3px;font-size:12px}.training_popup2_statsList__BIlFW{list-style-type:none;padding:0;margin-top:0;text-align:left}.training_popup2_statsList__BIlFW li{font-size:12px}.training_shareButton__7aUVX{margin-top:0}.training_popup2_progressBarContainer__u21vO{background:#ddd;font-size:10px;border-radius:3px;overflow:visible;align-items:center}.training_popup2_progressBarContainer__u21vO,.training_popup2_progressBar__IiPqH{width:100%;height:100%;position:relative;display:flex}.training_popup2_lastEndurance__5uSX_{text-align:left;padding-left:10px;padding-top:2px;background:rgb(141,172,83);height:100%;color:white;min-width:10%;flex-shrink:0}.training_popup2_title__sHkW2{font-size:16px}}.training_videoTimer__a5fFn{margin-top:15px;text-align:center;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:white;box-shadow:0 4px 15px rgba(0,0,0,.2)}.training_timerLabel__z6NdA{font-size:14px;font-weight:500;margin-bottom:8px;opacity:.9}.training_timerDisplay__GlUeK{font-size:24px;font-weight:700;font-family:Courier New,monospace;background:rgba(255,255,255,.1);padding:10px 20px;border-radius:8px;border:2px solid rgba(255,255,255,.3)}.training_timerPaused__JqqQJ{color:#ffd700;font-size:16px;margin-left:10px}.training_timerHidden__p8hd6{color:#ff6b6b;font-size:16px;margin-left:10px}.training_timerComplete__3JI1u{margin-top:15px;text-align:center;padding:15px;background:linear-gradient(135deg,#4CAF50,#45a049);border-radius:12px;color:white;font-weight:700;font-size:16px;box-shadow:0 4px 15px rgba(0,0,0,.2)}#training_video-player-container__py7y_{position:relative;width:100%;max-width:800px;margin:0 auto}#training_video-player__sDIvI{width:100%;height:450px;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.15)}@media (max-width:768px){#training_video-player__sDIvI{height:300px}.training_timerDisplay__GlUeK{font-size:20px;padding:8px 16px}}@media (max-width:480px){#training_video-player__sDIvI{height:250px}.training_timerDisplay__GlUeK{font-size:18px;padding:6px 12px}.training_videoTimer__a5fFn{padding:12px}.training_videoContainer__dH5X2{max-width:90vw;height:500px!important}}#training_meditation-video-player-container__A5Yrw{position:relative;width:100%;max-width:800px;margin:0 auto}#training_meditation-video-player__ukWQX{width:100%;height:450px;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.15)}@media (max-width:768px){#training_meditation-video-player__ukWQX{height:300px}}@media (max-width:480px){#training_meditation-video-player__ukWQX{height:250px}}.sidemenu_container__awJ5O{position:absolute;top:50%;transform:translateY(-50%);left:0;background:rgba(0,0,0,.5);box-shadow:0 4px 6px rgba(0,0,0,.1);padding-left:10px;padding-right:5px;padding-bottom:10px;border-radius:4px;display:flex;flex-direction:column;gap:0;color:white;border-left:2px solid white;z-index:999}.sidemenu_link__ax8_1{text-decoration:none}.sidemenu_button__PBtjJ{display:flex;align-items:center;gap:8px;padding:8px;border:none;border-radius:8px;background:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;color:white;width:100%;font-family:inherit}.sidemenu_button__PBtjJ:hover{background:#f7f7f7;color:black}.sidemenu_circle__o5fCj{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:3px solid black;border-radius:50%;font-weight:700;background-color:white;color:black;color:#DD4837}.sidemenu_active__IIi8d .sidemenu_circle__o5fCj{background:#DD4837!important;color:white}.sidemenu_toggleButton__y__f8{align-self:flex-end;background:rgba(17,13,13,0);color:white;border:none;width:100%;padding:5px;cursor:pointer}@media (max-width:768px){.sidemenu_container__awJ5O{flex-direction:row;justify-content:space-between;width:100vw;top:90px;border:none;border-bottom:2px solid white;padding:0;background:#272727}.sidemenu_circle__o5fCj{width:30px;height:30px}.sidemenu_button__PBtjJ{border-radius:0;flex-direction:column;align-items:center;width:25vw;padding:5px;height:100%;font-size:9px}.sidemenu_collapsed__6CvqR .sidemenu_button__PBtjJ span,.sidemenu_toggleButton__y__f8{display:none}}.index_wrapper__epjO8{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 60px);width:100vw;background-color:#202020;color:white;text-align:center;padding-top:60px}.index_wrapper__epjO8 img{width:max(20vw,30vh);height:auto;margin-bottom:30px}.index_connect_text__MfK9o{margin-top:30px;font-size:1.2rem;padding:20px}.index_outer__GPFu3{overflow:scroll;height:100vh;scroll-snap-points-y:repeat(100vh);scroll-snap-type:y proximity}.index_outer__GPFu3::-webkit-scrollbar{display:none}.index_wrapper2__a74H5{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 60px);width:100vw;background-color:#202020;color:white;text-align:center;padding-top:60px;padding-bottom:20px;overflow:none}.index_wrapper3__A9vvd{width:100vw;min-height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 20px 40px;background-color:#202020;color:white}.index_wrapper2__a74H5,.index_wrapper3__A9vvd{scroll-snap-align:none}@media (max-width:768px){.index_wrapper2__a74H5{width:100vw;height:auto}.index_wrapper3__A9vvd{min-height:auto;padding:100px 15px 30px}.index_outer__GPFu3{background-color:aqua;scroll-snap-type:none}}
.connectbutton_redConnectButton__SrvWE{border:3px solid white;background-color:#DD4837;color:white;padding:10px 20px;font-size:1.2em;border-radius:3px;font-weight:700;font-family:inherit;cursor:pointer}.connectbutton_redConnectButton__SrvWE:hover{background-color:#dd4837b7}.connectbutton_blackConnectButtonSmall__MDYTu{border:3px solid rgb(56,56,56);background-color:#DD4837;background-color:rgb(56,56,56);color:white;padding:10px 20px;font-size:1em;border-radius:3px;font-weight:700;font-family:inherit;cursor:pointer;margin-right:10px}.connectbutton_redConnectButtonSmall__GSJ3j{border:2px solid white;background-color:#DD4837;background-color:rgb(18,19,91);color:white;padding:15px 20px;font-size:1em;border-radius:50px;font-family:inherit;cursor:pointer;margin-right:10px;font-family:Space Grotesk;font-weight:100;letter-spacing:1.5px}@media (max-width:768px){.connectbutton_blackConnectButtonSmall__MDYTu{margin-top:5px;font-size:10px;margin-right:5px;padding:10px 5px}.connectbutton_redConnectButtonSmall__GSJ3j{margin-top:5px;padding:10px 15px;font-size:12px}}@media (max-width:350px){.connectbutton_blackConnectButtonSmall__MDYTu{margin-top:5px;font-size:8px;padding:5px 10px;margin-right:8px}}.nav_navbar__dHFWK{display:flex;justify-content:space-between;align-items:center;background-color:#EAD351;color:black;border-bottom:10px solid #dd4837;position:fixed;width:100%;height:70px;left:0;right:0;z-index:999}.nav_logo__RNJOQ{font-size:1.5rem;font-weight:700;padding-left:10px;display:flex;align-items:center}.nav_logoimg__0IosO{height:60px}.nav_menuButton__RMGek{display:none;background:none;border:none;font-size:2rem;color:black;cursor:pointer;transition:all 1s ease}.nav_menuButton__RMGek:hover{color:rgb(197,197,197)}.nav_navLinks__h0Nts{display:flex;gap:1rem;list-style:none}.nav_navLinks__h0Nts a{color:black;text-decoration:none}@media (max-width:768px){.nav_navbar__dHFWK{height:50px}.nav_logoimg__0IosO{height:40px}.nav_trophyIcon__c74LO{width:35px;height:35px}.nav_trophyImage__JHT1V{width:20px;height:20px}.nav_menuButton__RMGek{display:block;display:none}.nav_navLinks__h0Nts{display:none;flex-direction:column;position:absolute;top:60px;background-color:#EAD351;width:100%;padding:1em;left:0;right:0}.nav_show__zjBgf{display:flex}}@media (max-width:350px){.nav_logoimg__0IosO{height:35px}.nav_trophyIcon__c74LO{width:30px;height:30px}.nav_trophyImage__JHT1V{width:18px;height:18px}.nav_navright__R_2jL{gap:10px}}.nav_navright__R_2jL{display:flex;flex-direction:row;align-items:center;gap:15px}.nav_leaderboardLink__Vf6MI{display:flex;align-items:center;text-decoration:none;color:black;transition:all .3s ease}.nav_leaderboardLink__Vf6MI:hover{transform:scale(1.1);color:#DD4837}.nav_trophyIcon__c74LO{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,.2);transition:all .3s ease}.nav_trophyIcon__c74LO:hover{background-color:rgba(255,255,255,.4);transform:scale(1.05)}.nav_trophyImage__JHT1V{width:24px;height:24px;filter:brightness(0) saturate(100%)}.leaderboard_container__yi1Tg{padding-top:100px;background-color:#000000;color:white;min-height:calc(100vh - 100px);padding-left:20px;padding-right:20px}.leaderboard_tabs__HF7BZ{display:flex;justify-content:center;margin-bottom:20px}.leaderboard_mytab__Y2Oml{background:transparent;border:none;font-size:16px;font-weight:700;color:white;cursor:pointer;transition:all .3s ease}.leaderboard_tabs__HF7BZ button:hover{color:#b5b5b5}.leaderboard_activeTab__or1Dd{border-bottom:2px solid #ffffff}.leaderboard_table__E12wC{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}.leaderboard_table__E12wC td,.leaderboard_table__E12wC th{padding:14px;text-align:left;border-bottom:1px solid #f0f0f0}.leaderboard_table__E12wC th{background-color:#f9f9f9;font-weight:700;color:#555}.leaderboard_table__E12wC td{font-weight:400;color:#ffffff}.leaderboard_table__E12wC tr:hover{background-color:#727272}.leaderboard_content__hAO2Y{margin-top:20px}.leaderboard_filter__o7v8T{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:right;gap:10px}.leaderboard_filter__o7v8T label{font-size:16px;color:#333;font-weight:500}.leaderboard_durationButtons__v__oa{display:flex;gap:10px}.leaderboard_durationButton__CpZ0D{padding:8px 16px;font-size:14px;color:#333;cursor:pointer;background-color:#f4f4f4;border-radius:5px;transition:all .1s ease;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leaderboard_durationButton__CpZ0D.leaderboard_active__nuLns{background-color:#007bff;color:white;font-weight:600}.leaderboard_durationButton__CpZ0D:hover{background-color:#d0d0d0}.leaderboard_iconImage__ZoXDI{width:30px;height:30px;margin-right:10px;border-radius:50%;border:2px solid white}.leaderboard_fighterImage__RnmbX{width:60px;height:60px;border-radius:50%;border:2px solid white}.leaderboard_iconImage__ZoXDI:hover{opacity:.7}.leaderboard_myrank__oPeYH{max-width:10px}.leaderboard_maxout_text__nzeL1{color:rgb(133,222,143)!important;font-weight:700}.leaderboard_highlight__lzyoE{background-color:rgb(169,139,50)}.leaderboard_greenDelta__TDX6Z{color:#4CAF50!important;font-weight:700}.leaderboard_goldDelta__9nAIM,.leaderboard_totalProgress__f_jyN{color:#FFD700!important;font-weight:700}.leaderboard_podium__0p1Cr{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:30px}.leaderboard_podiumFirst__jtsoy{display:flex;flex-direction:column;align-items:center;order:2;margin-bottom:40px}.leaderboard_podiumSecond__OWJ96{order:1}.leaderboard_podiumSecond__OWJ96,.leaderboard_podiumThird__6Cmo8{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.leaderboard_podiumThird__6Cmo8{order:3}.leaderboard_podiumRank__vKXZQ{font-size:24px;margin-bottom:10px}.leaderboard_podiumImage__YhKr0{width:80px;height:80px;border-radius:50%;border:3px solid #ffd700;margin-bottom:10px}.leaderboard_podiumFirst__jtsoy .leaderboard_podiumImage__YhKr0{border-color:#FFD700}.leaderboard_podiumSecond__OWJ96 .leaderboard_podiumImage__YhKr0{border-color:#C0C0C0}.leaderboard_podiumThird__6Cmo8 .leaderboard_podiumImage__YhKr0{border-color:#CD7F32}.leaderboard_podiumName__m0h1L{font-size:14px;font-weight:700;color:white;text-align:center;max-width:120px;word-wrap:break-word}.leaderboard_myinfo__sV9iM{text-align:right}@media (max-width:768px){.leaderboard_myinfo__sV9iM{text-align:center}.leaderboard_table__E12wC td:nth-child(n+6),.leaderboard_table__E12wC th:nth-child(n+6){display:none}.leaderboard_table__E12wC{font-size:10px}.leaderboard_container__yi1Tg{padding-left:8px;padding-right:8px}.leaderboard_content__hAO2Y{max-width:calc(100vw - 16px);overflow:scroll}.leaderboard_trainer_address__KF5EY{max-width:20vw;white-space:normal;overflow:scroll;text-overflow:unset}.leaderboard_filter__o7v8T{align-items:center}}.leaderboard_tooltip__7a4Ml{position:relative;display:inline-block;margin-left:5px;cursor:help}.leaderboard_tooltipIcon__Bxvxg{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#666;color:white;font-size:12px;font-weight:700;line-height:1}.leaderboard_tooltip__7a4Ml:hover .leaderboard_tooltipIcon__Bxvxg{background-color:#888}.leaderboard_tooltipText__d__B5{visibility:hidden;opacity:0;width:250px;background-color:#333;color:#fff;text-align:left;border-radius:6px;padding:8px 12px;position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-125px;font-size:12px;line-height:1.4;transition:opacity .3s,visibility .3s;pointer-events:none}.leaderboard_tooltipText__d__B5:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#333}.leaderboard_tooltip__7a4Ml:hover .leaderboard_tooltipText__d__B5{visibility:visible;opacity:1}