/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/[locale]/layout.tsx","import":"Montserrat","arguments":[{"subsets":["latin"],"weight":["600","500","400"],"variable":"--montserrat","display":"swap","fallback":["Arial","sans-serif"]}],"variableName":"montserrat"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-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: '__Montserrat_50b907';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-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: '__Montserrat_Fallback_50b907';src: local("Arial");ascent-override: 85.79%;descent-override: 22.25%;line-gap-override: 0.00%;size-adjust: 112.83%
}.__className_50b907 {font-family: '__Montserrat_50b907', '__Montserrat_Fallback_50b907', Arial, sans-serif;font-style: normal
}.__variable_50b907 {--montserrat: '__Montserrat_50b907', '__Montserrat_Fallback_50b907', Arial, sans-serif
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/[locale]/layout.tsx","import":"Roboto","arguments":[{"subsets":["latin"],"weight":["400","700"],"variable":"--roboto","display":"swap","fallback":["Arial","sans-serif"]}],"variableName":"roboto"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/001f750b538f7a9e-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: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/80841ae24d03ed90-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/5eae37b69937655e-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/4f48fe9100901594-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/970d71e7dcbc144d-s.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/b3f718d64f9a6dea-s.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/4120b0a488381b31-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: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/1a634e73dfeff02c-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: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/1e41be92c43b3255-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: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/001f750b538f7a9e-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: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/80841ae24d03ed90-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/5eae37b69937655e-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/4f48fe9100901594-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/970d71e7dcbc144d-s.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/b3f718d64f9a6dea-s.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/4120b0a488381b31-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: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/1a634e73dfeff02c-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: '__Roboto_f0b2ec';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/1e41be92c43b3255-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: '__Roboto_Fallback_f0b2ec';src: local("Arial");ascent-override: 92.98%;descent-override: 24.47%;line-gap-override: 0.00%;size-adjust: 99.78%
}.__className_f0b2ec {font-family: '__Roboto_f0b2ec', '__Roboto_Fallback_f0b2ec', Arial, sans-serif;font-style: normal
}.__variable_f0b2ec {--roboto: '__Roboto_f0b2ec', '__Roboto_Fallback_f0b2ec', Arial, sans-serif
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/reset.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
  outline-color: rgba(var(--m-01--dark-03), 0.5);
  outline-offset: -2px;
}

img {
  width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

section {
  position: relative;
}

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

em {
  font-style: italic;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  cursor: pointer;
  color: currentColor;
}

main {
  display: block;
  position: relative;
  transition: all 0.4s ease-out;
  transform-origin: center center;
  z-index: 3;
}

input,
input:before,
input:after {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
}

button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: inherit;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  min-height: 100vh;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/foundations/spacing.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --8: 0.5rem;
  --16: 1rem;
  --24: 1.5rem;
  --32: 2rem;
  --40: 2.5rem;
  --48: 3rem;
  --56: 3.5rem;
  --64: 4rem;
  --72: 4.5rem;
  --80: 5rem;
  --88: 5.5rem;
  --96: 6rem;
  --104: 6.5rem;
  --112: 7rem;
  --120: 7.5rem;
  --128: 8rem;
  --136: 8.5rem;
  --144: 9rem;
  --152: 9.5rem;
  --160: 10rem;
  --168: 10.5rem;
  --176: 11rem;
  --184: 11.5rem;
  --192: 12rem;
  --200: 12.5rem;
  --208: 13rem;
  --216: 13.5rem;
  --224: 14rem;
  --232: 14.5rem;
  --240: 15rem;
  --248: 15.5rem;
  --256: 16rem;
  --264: 16.5rem;
  --272: 17rem;
  --280: 17.5rem;
  --288: 18rem;
  --296: 18.5rem;
  --304: 19rem;
  --312: 19.5rem;
  --320: 20rem;
  --328: 20.5rem;
  --336: 21rem;
  --344: 21.5rem;
  --352: 22rem;
  --360: 22.5rem;
  --368: 23rem;
  --376: 23.5rem;
  --384: 24rem;
  --392: 24.5rem;
  --400: 25rem;
  --408: 25.5rem;
  --416: 26rem;
  --424: 26.5rem;
  --432: 27rem;
  --440: 27.5rem;
  --448: 28rem;
  --456: 28.5rem;
  --464: 29rem;
  --472: 29.5rem;
  --480: 30rem;
  --488: 30.5rem;
  --496: 31rem;
  --504: 31.5rem;
  --512: 32rem;
  --520: 32.5rem;
  --528: 33rem;
  --536: 33.5rem;
  --544: 34rem;
  --552: 34.5rem;
  --560: 35rem;
  --568: 35.5rem;
  --576: 36rem;
  --584: 36.5rem;
  --592: 37rem;
  --600: 37.5rem;
  --608: 38rem;
  --616: 38.5rem;
  --624: 39rem;
  --632: 39.5rem;
  --640: 40rem;
  --648: 40.5rem;
  --656: 41rem;
  --664: 41.5rem;
  --672: 42rem;
  --680: 42.5rem;
  --688: 43rem;
  --696: 43.5rem;
  --704: 44rem;
  --712: 44.5rem;
  --720: 45rem;
  --728: 45.5rem;
  --736: 46rem;
  --744: 46.5rem;
  --752: 47rem;
  --760: 47.5rem;
  --768: 48rem;
  --776: 48.5rem;
  --784: 49rem;
  --792: 49.5rem;
  --800: 50rem;
  --808: 50.5rem;
  --816: 51rem;
  --824: 51.5rem;
  --832: 52rem;
  --840: 52.5rem;
  --848: 53rem;
  --856: 53.5rem;
  --864: 54rem;
  --872: 54.5rem;
  --880: 55rem;
  --888: 55.5rem;
  --896: 56rem;
  --904: 56.5rem;
  --912: 57rem;
  --920: 57.5rem;
  --928: 58rem;
  --936: 58.5rem;
  --944: 59rem;
  --952: 59.5rem;
  --960: 60rem;
  --968: 60.5rem;
  --976: 61rem;
  --984: 61.5rem;
  --992: 62rem;
  --1000: 62.5rem;
  --1008: 63rem;
  --1016: 63.5rem;
  --1024: 64rem;
  --1032: 64.5rem;
  --1040: 65rem;
  --1048: 65.5rem;
  --1056: 66rem;
  --1064: 66.5rem;
  --1072: 67rem;
  --1080: 67.5rem;
  --1088: 68rem;
  --1096: 68.5rem;
  --1104: 69rem;
  --1112: 69.5rem;
  --1120: 70rem;
  --1128: 70.5rem;
  --1136: 71rem;
  --1144: 71.5rem;
  --1152: 72rem;
  --1160: 72.5rem;
  --1168: 73rem;
  --1176: 73.5rem;
  --1184: 74rem;
  --1192: 74.5rem;
  --1200: 75rem;
  --1208: 75.5rem;
  --1216: 76rem;
  --1224: 76.5rem;
  --1232: 77rem;
  --1240: 77.5rem;
  --1248: 78rem;
  --1256: 78.5rem;
  --1264: 79rem;
  --1272: 79.5rem;
  --1280: 80rem;
  --1288: 80.5rem;
  --1296: 81rem;
  --1304: 81.5rem;
  --1312: 82rem;
  --1320: 82.5rem;
  --1328: 83rem;
  --1336: 83.5rem;
  --1344: 84rem;
  --1352: 84.5rem;
  --1360: 85rem;
  --1368: 85.5rem;
  --1376: 86rem;
  --1384: 86.5rem;
  --1392: 87rem;
  --1400: 87.5rem;
  --1408: 88rem;
  --1416: 88.5rem;
  --1424: 89rem;
  --1432: 89.5rem;
  --1440: 90rem;
  --1448: 90.5rem;
  --1456: 91rem;
  --1464: 91.5rem;
  --1472: 92rem;
  --1480: 92.5rem;
  --1488: 93rem;
  --1496: 93.5rem;
  --1504: 94rem;
  --1512: 94.5rem;
  --1520: 95rem;
  --1528: 95.5rem;
  --1536: 96rem;
  --1544: 96.5rem;
  --1552: 97rem;
  --1560: 97.5rem;
  --1568: 98rem;
  --1576: 98.5rem;
  --1584: 99rem;
  --1592: 99.5rem;
  --1600: 100rem;
  --1608: 100.5rem;
  --1616: 101rem;
  --1624: 101.5rem;
  --1632: 102rem;
  --1640: 102.5rem;
  --1648: 103rem;
  --1656: 103.5rem;
  --1664: 104rem;
  --1672: 104.5rem;
  --1680: 105rem;
  --1688: 105.5rem;
  --1696: 106rem;
  --1704: 106.5rem;
  --1712: 107rem;
  --1720: 107.5rem;
  --1728: 108rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/foundations/colors.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --m-01--light-04: 163, 204, 219;
  --m-01--light-03: 128, 185, 205;
  --m-01--light-02: 94, 165, 192;
  --m-01--light-01: 59, 146, 178;
  --m-01: 25, 127, 165;
  --m-01--dark-01: 26, 115, 149;
  --m-01--dark-02: 26, 101, 129;
  --m-01--dark-03: 27, 86, 108;
  --m-01--dark-04: 28, 72, 88;
  --m-02: 184, 162, 102;
  --m-03: 51, 51, 51;
  --m-04: 28, 28, 28;
  --neu-01: 255, 255, 255;
  --neu-02: 244, 245, 245;
  --neu-03: 201, 204, 203;
  --neu-04: 166, 167, 169;
  --neu-05: 128, 130, 132;
  --neu-06: 88, 88, 91;
  --neu-07: 73, 73, 73;
  --neu-08: 51, 51, 51;
  --neu-09: 39, 39, 39;
  --neu-10: 28, 28, 28;
  --add-01: 27, 86, 108;
  --add-02: 54, 132, 71;
  --add-03: 213, 42, 42;
  --add-04: 255, 232, 24;
  --add-05: 25, 127, 165;
  --add-06: 201, 204, 203;
  --add-07: 254, 200, 90;
  --add-08: 28, 28, 28;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/forms.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form {
  max-width: var(--472);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--16);
}
.form__general-error {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  color: rgb(var(--add-03));
  margin-top: var(--16);
}
.form__recaptcha {
  position: relative;
  margin-top: var(--8);
}
.form__submit-button {
  width: 100%;
  margin-top: var(--16);
}
.form__text, .form__password, .form__tel {
  display: flex;
  align-items: flex-end;
  position: relative;
  height: var(--72);
  margin: var(--8) 0;
}
.form__text:hover input, .form__password:hover input, .form__tel:hover input {
  border-bottom: 2px solid rgb(var(--m-01));
}
.form__text:hover :disabled, .form__password:hover :disabled, .form__tel:hover :disabled {
  border-bottom: 2px solid rgb(var(--neu-03));
}
.form__text:hover :disabled + label, .form__password:hover :disabled + label, .form__tel:hover :disabled + label {
  color: rgb(var(--neu-04));
}
.form__text label, .form__password label, .form__tel label {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  color: var(--neu-06);
  position: absolute;
  top: var(--40);
  left: var(--8);
  z-index: 10;
  transition: all 0.2s ease-in-out;
}
.form__text label.required::after, .form__password label.required::after, .form__tel label.required::after {
  content: " *";
  color: rgb(var(--m-01));
}
.form__text input, .form__password input, .form__tel input {
  width: 100%;
  height: 100%;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0rem;
  font-weight: 400;
  color: rgb(var(--neu-08));
  padding-top: var(--24);
  padding-left: var(--8);
  border: 0;
  border-bottom: 2px solid rgb(var(--neu-03));
  position: relative;
  background-color: transparent;
}
.form__text input[type=password], .form__password input[type=password], .form__tel input[type=password] {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  font-size: var(--40);
}
.form__text input:focus, .form__password input:focus, .form__tel input:focus {
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  border-bottom: 2px solid rgb(var(--m-01));
  background-color: rgb(var(--neu-02));
  background-size: cover;
  background-size: 100px 50px;
}
.form__text input:focus + label, .form__password input:focus + label, .form__tel input:focus + label {
  color: var(--neu-06);
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 600;
  transform: translateY(-32px);
}
.form__text input:focus + label, .form__text input:not([value=""]) + label, .form__password input:focus + label, .form__password input:not([value=""]) + label, .form__tel input:focus + label, .form__tel input:not([value=""]) + label {
  color: rgb(var(--neu-06));
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 600;
  transform: translateY(-36px);
}
.form__text input:disabled, .form__password input:disabled, .form__tel input:disabled {
  border-bottom: 2px solid rgb(var(--neu-03));
}
.form__text input:disabled + label, .form__password input:disabled + label, .form__tel input:disabled + label {
  color: rgb(var(--neu-04));
}
.form__text-button, .form__password-button, .form__tel-button {
  position: absolute;
  right: 0;
  width: var(--48);
  height: var(--48);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.form__text-button svg, .form__password-button svg, .form__tel-button svg {
  width: var(--24);
  height: var(--24);
}
.form__text-button path, .form__password-button path, .form__tel-button path {
  fill: rgb(var(--neu-10));
}
.form__text-button:disabled, .form__password-button:disabled, .form__tel-button:disabled {
  cursor: initial;
}
.form__text-button:disabled path, .form__password-button:disabled path, .form__tel-button:disabled path {
  fill: rgb(var(--neu-03));
}
.form__text .form__error-message, .form__password .form__error-message, .form__tel .form__error-message {
  height: var(--16);
  position: absolute;
  padding-left: var(--8);
  bottom: -24px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 4px;
}
.form__text .form__add-message, .form__password .form__add-message, .form__tel .form__add-message {
  height: var(--16);
  position: absolute;
  padding-left: var(--8);
  bottom: -24px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
  color: rgb(var(--m-01));
  display: flex;
  align-items: center;
  gap: 4px;
}
.form__text:has(.form__error-message) input, .form__password:has(.form__error-message) input, .form__tel:has(.form__error-message) input {
  border-bottom-color: rgb(var(--add-03));
}
.form__text:has(.form__error-message) label, .form__password:has(.form__error-message) label, .form__tel:has(.form__error-message) label {
  color: rgb(var(--add-03)) !important;
}
.form__text:has(.form__error-message) label.required::after, .form__password:has(.form__error-message) label.required::after, .form__tel:has(.form__error-message) label.required::after {
  color: rgb(var(--add-03));
}
.form__text:has(.form__error-message) .form__error-message, .form__password:has(.form__error-message) .form__error-message, .form__tel:has(.form__error-message) .form__error-message {
  color: rgb(var(--add-03));
}
.form__text:has(.form__error-message) .form__password-button path, .form__password:has(.form__error-message) .form__password-button path, .form__tel:has(.form__error-message) .form__password-button path {
  fill: rgb(var(--add-03));
}
.form__text .form__password-button, .form__password .form__password-button, .form__tel .form__password-button {
  border: none !important;
}
.form__select {
  display: flex;
  align-items: flex-end;
  position: relative;
  height: var(--72);
  margin: var(--8) 0;
}
.form__select:before {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  right: 0;
  background-image: url("/icons/bas-019.svg");
  background-size: 50%;
  background-position: center;
  opacity: 0.8;
  background-repeat: no-repeat;
  width: var(--48);
  height: var(--48);
  z-index: 2;
}
.form__select:hover input {
  border-bottom: 2px solid rgb(var(--m-01));
}
.form__select:hover :disabled {
  border-bottom: 2px solid rgb(var(--neu-03));
}
.form__select:hover :disabled + label {
  color: rgb(var(--neu-04));
}
.form__select label {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  color: var(--neu-06);
  position: absolute;
  top: var(--40);
  left: var(--8);
  z-index: 10;
  transition: all 0.2s ease-in-out;
}
.form__select label.required::after {
  content: " *";
  color: rgb(var(--m-01));
}
.form__select select {
  width: 100%;
  height: 100%;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  color: var(--neu-08);
  padding-top: var(--24);
  padding-left: var(--8);
  border: 0;
  border-bottom: 2px solid rgb(var(--neu-03));
  position: relative;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form__select select:focus {
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  border-bottom: 2px solid rgb(var(--m-01));
  background-color: rgb(var(--neu-02));
  background-size: cover;
  background-size: 100px 50px;
}
.form__select select:focus + label {
  color: var(--neu-06);
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 600;
  transform: translateY(-32px);
}
.form__select select:focus + label, .form__select select:not([value=""]) + label {
  color: var(--neu-06);
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 600;
  transform: translateY(-36px);
}
.form__select select:disabled {
  border-bottom: 2px solid rgb(var(--neu-03));
}
.form__select select:disabled + label {
  color: rgb(var(--neu-04));
}
.form__select select option {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
}
.form__select select option.novalue {
  color: rgb(var(--neu-04));
}
.form__select-button {
  position: absolute;
  right: 0;
  width: var(--48);
  height: var(--48);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.form__select-button svg {
  width: var(--24);
  height: var(--24);
}
.form__select-button path {
  fill: rgb(var(--neu-10));
}
.form__select-button:disabled {
  cursor: initial;
}
.form__select-button:disabled path {
  fill: rgb(var(--neu-03));
}
.form__select .form__error-message {
  height: var(--16);
  position: absolute;
  padding-left: var(--8);
  bottom: -24px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
.form__select .form__add-message {
  height: var(--16);
  position: absolute;
  padding-left: var(--8);
  bottom: -24px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
  color: rgb(var(--m-01));
}
.form__select:has(.form__error-message) input {
  border-bottom-color: rgb(var(--add-03));
}
.form__select:has(.form__error-message) label {
  color: rgb(var(--add-03)) !important;
}
.form__select:has(.form__error-message) label.required::after {
  color: rgb(var(--add-03));
}
.form__select:has(.form__error-message) .form__error-message {
  color: rgb(var(--add-03));
}
.form__select:has(.form__error-message) .form__password-button path {
  fill: rgb(var(--add-03));
}
.form__select .form__option-loading {
  position: absolute;
  right: var(--48);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--48);
  height: var(--48);
  padding: var(--8);
  z-index: 1;
}
.form__date {
  display: flex;
  align-items: flex-end;
  position: relative;
  height: var(--72);
  margin: var(--8) 0;
}
.form__date:hover input {
  border-bottom: 2px solid rgb(var(--m-01));
}
.form__date:hover :disabled {
  border-bottom: 2px solid rgb(var(--neu-03));
}
.form__date:hover :disabled + label {
  color: rgb(var(--neu-04));
}
.form__date label {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  color: var(--neu-06);
  position: absolute;
  top: var(--40);
  left: var(--8);
  z-index: 10;
  transition: all 0.2s ease-in-out;
}
.form__date label.required::after {
  content: " *";
  color: rgb(var(--m-01));
}
.form__date input {
  width: 100%;
  height: 100%;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  color: var(--neu-08);
  padding-top: var(--24);
  padding-left: var(--8);
  border: 0;
  border-bottom: 2px solid rgb(var(--neu-03));
  position: relative;
  background-color: transparent;
}
.form__date input[value=""] {
  color: transparent;
}
.form__date input:focus {
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  border-bottom: 2px solid rgb(var(--m-01));
  background-color: rgb(var(--neu-02));
  background-size: cover;
  background-size: 100px 50px;
  color: initial;
}
.form__date input:focus + label {
  color: var(--neu-06);
}
.form__date input:focus + label, .form__date input:not([value=""]) + label {
  color: var(--neu-06);
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 600;
  transform: translateY(-36px);
}
.form__date input::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
  width: var(--48);
  height: var(--48);
}
.form__date input:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  background-image: url("/icons/bas-011.svg");
  background-size: 50%;
  background-position: center;
  opacity: 0.8;
  background-repeat: no-repeat;
  width: var(--48);
  height: var(--48);
}
.form__date input:disabled {
  border-bottom: 2px solid rgb(var(--neu-03));
}
.form__date input:disabled + label {
  color: rgb(var(--neu-04));
}
.form__date-button {
  position: absolute;
  right: 0;
  width: var(--48);
  height: var(--48);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.form__date-button svg {
  width: var(--24);
  height: var(--24);
}
.form__date-button path {
  fill: rgb(var(--neu-10));
}
.form__date-button:disabled {
  cursor: initial;
}
.form__date-button:disabled path {
  fill: rgb(var(--neu-03));
}
.form__date .form__error-message {
  height: var(--16);
  position: absolute;
  padding-left: var(--8);
  bottom: -24px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
.form__date:has(.form__error-message) input {
  border-bottom-color: rgb(var(--add-03));
}
.form__date:has(.form__error-message) label {
  color: rgb(var(--add-03)) !important;
}
.form__date:has(.form__error-message) label.required::after {
  color: rgb(var(--add-03));
}
.form__date:has(.form__error-message) .form__error-message {
  color: rgb(var(--add-03));
}
.form__date:has(.form__error-message) .form__password-button path {
  fill: rgb(var(--add-03));
}
.form__date .form__error-message {
  height: var(--16);
  position: absolute;
  padding-left: var(--8);
  bottom: -24px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
.form__date .form__add-message {
  height: var(--16);
  position: absolute;
  padding-left: var(--8);
  bottom: -24px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
  color: rgb(var(--m-01));
}
.form__checkbox {
  position: relative;
  margin: var(--8) 0;
}
.form__checkbox label {
  display: flex;
  gap: var(--16);
  align-items: center;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .form__checkbox label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.form__checkbox label {
  color: var(--neu-06);
}
.form__checkbox label a {
  text-decoration: underline;
  color: rgb(var(--m-01));
}
.form__checkbox input {
  width: var(--32);
  height: var(--32);
  border-radius: var(--8);
  border: 1px solid rgb(var(--neu-04));
  margin: 0;
  position: relative;
  flex-shrink: 0;
}
.form__checkbox input:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: 4px;
  outline-width: 3px;
  box-shadow: 0px 25px var(--24) -20px #6099ae;
}
.form__checkbox input:checked {
  background-color: rgb(var(--m-01--dark-01));
  border-color: rgb(var(--m-01--dark-01));
}
.form__checkbox input:checked::after {
  position: absolute;
  right: 50%;
  transform: translate(50%, -50%);
  pointer-events: none;
  top: 50%;
  content: url("/icons/bas-013.svg");
  filter: invert(100%);
  color: rgb(var(--neu-01));
}
.form__checkbox .form__error-message {
  height: var(--16);
  position: absolute;
  bottom: -24px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
.form__checkbox:has(.form__error-message) input {
  border: 2px solid rgb(var(--add-03));
}
.form__checkbox:has(.form__error-message) .form__error-message {
  color: rgb(var(--add-03));
  display: flex;
  align-items: center;
  gap: 4px;
}
.form__button-block {
  margin-top: var(--16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: var(--16);
}
@media (min-width: 768px) {
  .form__button-block {
    flex-direction: row;
  }
}
.form__button-block button {
  width: auto;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/global.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.portobay-bg-logo {
  position: fixed;
  top: 72px;
  right: 0;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 1366px) {
  .portobay-bg-logo {
    top: 88px;
  }
}

.line-through {
  text-decoration: line-through;
}

[data-margin-bottom=s] {
  padding-bottom: var(--16) !important;
}
@media (min-width: 1366px) {
  [data-margin-bottom=s] {
    padding-bottom: var(--32) !important;
  }
}

[data-margin-bottom=m] {
  padding-bottom: var(--40) !important;
}
@media (min-width: 1366px) {
  [data-margin-bottom=m] {
    padding-bottom: var(--80) !important;
  }
}

[data-margin-bottom=l] {
  padding-bottom: var(--64) !important;
}
@media (min-width: 1366px) {
  [data-margin-bottom=l] {
    padding-bottom: var(--120) !important;
  }
}

[data-margin-top=s] {
  padding-top: var(--16) !important;
}
@media (min-width: 1366px) {
  [data-margin-top=s] {
    padding-top: var(--32) !important;
  }
}

[data-margin-top=m] {
  padding-top: var(--40) !important;
}
@media (min-width: 1366px) {
  [data-margin-top=m] {
    padding-top: var(--80) !important;
  }
}

[data-margin-top=l] {
  padding-top: var(--64) !important;
}
@media (min-width: 1366px) {
  [data-margin-top=l] {
    padding-top: var(--120) !important;
  }
}

.nav-padding {
  margin-top: var(--72);
}
@media (min-width: 1366px) {
  .nav-padding {
    margin-top: var(--88);
  }
}

.wrapper {
  width: 100%;
  max-width: 1727px;
  margin: 0 auto;
  padding: 0 var(--24);
}
@media (min-width: 768px) {
  .wrapper {
    padding: 0 var(--56);
  }
}
@media (min-width: 1366px) {
  .wrapper {
    padding: 0 var(--96);
  }
}
@media (min-width: 1920px) {
  .wrapper {
    max-width: 1536px;
    padding: 0 var(--96);
  }
}

.grid {
  width: 100%;
  max-width: 1727px;
  margin: 0 auto;
  padding: 0 var(--24);
}
@media (min-width: 768px) {
  .grid {
    padding: 0 var(--56);
  }
}
@media (min-width: 1366px) {
  .grid {
    padding: 0 var(--96);
  }
}
@media (min-width: 1920px) {
  .grid {
    max-width: 1536px;
    padding: 0 var(--96);
  }
}
.grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: var(--8);
}
@media (min-width: 768px) {
  .grid {
    grid-column-gap: var(--24);
  }
}
@media (min-width: 1366px) {
  .grid {
    grid-template-columns: repeat(12, 1fr);
  }
}

.justGrid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: var(--8);
}
@media (min-width: 768px) {
  .justGrid {
    grid-column-gap: var(--24);
  }
}
@media (min-width: 1366px) {
  .justGrid {
    grid-template-columns: repeat(12, 1fr);
  }
}

.justPadding {
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--24);
}
@media (min-width: 768px) {
  .justPadding {
    padding: 0 var(--56);
  }
}
@media (min-width: 1366px) {
  .justPadding {
    padding: 0 var(--96);
  }
}
@media (min-width: 1920px) {
  .justPadding {
    padding: 0 var(--96);
  }
}

.fullGrid {
  grid-column: 1/-1;
}

.font-3xl {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  font-weight: 600;
}
@media (min-width: 1366px) {
  .font-3xl {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 4rem;
    line-height: 5rem;
  }
}

.font-3xl-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  font-weight: 500;
}
@media (min-width: 1366px) {
  .font-3xl-2 {
    font-size: 4rem;
    line-height: 5rem;
  }
}

.font-3xl-3 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .font-3xl-3 {
    font-size: 4rem;
    line-height: 5rem;
  }
}

.font-2xl {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  font-weight: 600;
}
@media (min-width: 1366px) {
  .font-2xl {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

.font-2xl-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  font-weight: 500;
}
@media (min-width: 1366px) {
  .font-2xl-2 {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

.font-2xl-3 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .font-2xl-3 {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

.font-xl {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 600;
}
@media (min-width: 1366px) {
  .font-xl {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.font-xl-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 500;
}
@media (min-width: 1366px) {
  .font-xl-2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.font-xl-3 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .font-xl-3 {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.font-l {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 600;
}

.font-l-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 500;
}

.font-l-3 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 400;
}

.font-m {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .font-m {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

.font-m-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: 0rem;
  font-weight: 700;
}
@media (min-width: 1366px) {
  .font-m-2 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

.font-s {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0rem;
  font-weight: 400;
}

.font-s-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0rem;
  font-weight: 700;
}

.font-xs {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
}

.font-xs-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 500;
}

.font-xs-3 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 400;
}

.font-2xs {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 600;
}

.font-2xs-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 500;
}

.font-2xs-3 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .font-2xs-3 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.font-2xs-4 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 700;
}
@media (min-width: 1366px) {
  .font-2xs-4 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.font-3xs {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 400;
}

.font-3xs-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
  font-weight: 700;
}

.font-4xs {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: -0.019rem;
  font-weight: 600;
}

.font-4xs-2 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: -0.019rem;
  font-weight: 500;
}

.font-4xs-3 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.031rem;
  font-weight: 600;
  text-transform: uppercase;
}

.text-format h2,
.text-format h3,
.text-format h4,
.text-format h5,
.text-format h6 {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 600;
}
@media (min-width: 1366px) {
  .text-format h2,
  .text-format h3,
  .text-format h4,
  .text-format h5,
  .text-format h6 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.text-format h2,
.text-format h3,
.text-format h4,
.text-format h5,
.text-format h6 {
  color: rgb(var(--neu-10));
  padding-top: var(--16);
  padding-bottom: var(--16);
}
@media (min-width: 768px) {
  .text-format h2,
  .text-format h3,
  .text-format h4,
  .text-format h5,
  .text-format h6 {
    padding-top: var(--24);
    padding-bottom: var(--24);
  }
}
.text-format .highlight-text {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 600;
}
@media (min-width: 1366px) {
  .text-format .highlight-text {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.text-format .highlight-text {
  color: rgb(var(--m-01--dark-02));
  padding-top: var(--16);
  padding-bottom: var(--16);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .text-format .highlight-text {
    padding-top: var(--24);
    padding-bottom: var(--24);
  }
}
.text-format p {
  padding: var(--8) 0;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .text-format p {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.text-format p {
  color: rgb(var(--neu-10));
}
@media (min-width: 768px) {
  .text-format p {
    padding: var(--16) 0;
  }
}
.text-format p strong {
  font-weight: 700;
}
.text-format p a {
  color: rgb(var(--m-01));
  text-decoration: underline;
  font-weight: 700;
}
.text-format strong {
  font-weight: 700;
}
.text-format ul {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 500;
  padding: var(--24) 0;
  padding-left: 0;
  columns: 1;
  column-gap: var(--24);
}
@media (min-width: 1366px) {
  .text-format ul {
    padding: var(--32) 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: var(--montserrat);
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0rem;
    font-weight: 500;
    columns: 2;
  }
}
.text-format ul li {
  position: relative;
  gap: var(--8);
  display: flex;
  align-items: flex-start;
  margin-top: 0.75rem;
  color: rgb(var(--neu-10));
  padding-left: 2.375rem;
}
.text-format ul li:first-child {
  margin-top: 0;
}
@media (min-width: 1366px) {
  .text-format ul li {
    max-width: var(--328);
  }
}
.text-format ul li::before {
  flex-shrink: 0;
  position: absolute;
  content: "";
  left: var(--16);
  top: 0.8125rem;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgb(var(--neu-10));
  display: block;
}
.text-format a {
  text-decoration: underline;
  color: rgb(var(--m-01--dark-02));
}
.text-format blockquote {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .text-format blockquote {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.text-format blockquote {
  text-align: center;
  color: var(--m-04);
  margin-top: var(--32);
  font-weight: 700;
}
.text-format blockquote::before {
  content: "“";
}
.text-format blockquote::after {
  content: "”";
}
@media (min-width: 768px) {
  .text-format blockquote {
    margin-top: var(--48);
  }
}
.text-format cite {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 500;
  color: var(--neu-06);
  text-align: center;
  width: 100%;
  display: block;
  margin-top: var(--8);
}
.text-format picture {
  border-radius: var(--16);
  overflow: hidden;
  margin: var(--24) 0;
}
.text-format picture::before {
  content: "";
  pointer-events: none;
  display: block;
  background: rgb(var(--neu-09));
  position: absolute;
  opacity: 0.4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .text-format picture {
    margin: var(--32) 0;
  }
}
.text-format picture,
.text-format iframe {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  height: 100%;
}
.text-format picture img,
.text-format iframe img {
  height: 100%;
  object-fit: cover;
}
.text-format picture figcaption,
.text-format iframe figcaption {
  margin-top: 8px;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 500;
  color: rgb(var(--neu-06));
}
.text-format picture button,
.text-format iframe button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.text-format--left p,
.text-format--left h2,
.text-format--left h3,
.text-format--left h4,
.text-format--left h5,
.text-format--left h6,
.text-format--left blockquote,
.text-format--left cite {
  text-align: left;
}
.text-format--center p,
.text-format--center h2,
.text-format--center h3,
.text-format--center h4,
.text-format--center h5,
.text-format--center h6,
.text-format--center blockquote,
.text-format--center cite {
  text-align: center;
}

.color-neu-01 {
  color: rgb(var(--neu-01));
}

.color-neu-02 {
  color: rgb(var(--neu-02));
}

.color-neu-03 {
  color: rgb(var(--neu-03));
}

.color-neu-04 {
  color: rgb(var(--neu-04));
}

.color-neu-05 {
  color: rgb(var(--neu-05));
}

.color-neu-06 {
  color: rgb(var(--neu-06));
}

.color-neu-07 {
  color: rgb(var(--neu-07));
}

.color-neu-08 {
  color: rgb(var(--neu-08));
}

.color-neu-09 {
  color: rgb(var(--neu-09));
}

.color-neu-10 {
  color: rgb(var(--neu-10));
}

.color-m-01--light-01 {
  color: rgb(var(--m-01--light-01));
}

.color-m-01--light-02 {
  color: rgb(var(--m-01--light-02));
}

.color-m-01--light-03 {
  color: rgb(var(--m-01--light-03));
}

.color-m-01--light-04 {
  color: rgb(var(--m-01--light-04));
}

.color-m-01 {
  color: rgb(var(--m-01));
}

.color-m-01--dark-01 {
  color: rgb(var(--m-01--dark-01));
}

.color-m-01--dark-02 {
  color: rgb(var(--m-01--dark-02));
}

.color-m-01--dark-03 {
  color: rgb(var(--m-01--dark-03));
}

.color-m-01--dark-04 {
  color: rgb(var(--m-01--dark-04));
}

.color-m-02 {
  color: rgb(var(--m-02));
}

.color-m-03 {
  color: rgb(var(--m-03));
}

.color-m-04 {
  color: rgb(var(--m-04));
}

.color-add-01 {
  color: rgb(var(--add-01));
}

.color-add-02 {
  color: rgb(var(--add-02));
}

.color-add-03 {
  color: rgb(var(--add-03));
}

.color-add-04 {
  color: rgb(var(--add-04));
}

.color-add-05 {
  color: rgb(var(--add-05));
}

.color-add-06 {
  color: rgb(var(--add-06));
}

.color-add-07 {
  color: rgb(var(--add-07));
}

.color-add-08 {
  color: rgb(var(--add-08));
}

.bg-neu-01 {
  background-color: rgb(var(--neu-01));
}

.bg-neu-02 {
  background-color: rgb(var(--neu-02));
}

.bg-neu-03 {
  background-color: rgb(var(--neu-03));
}

.bg-neu-04 {
  background-color: rgb(var(--neu-04));
}

.bg-neu-05 {
  background-color: rgb(var(--neu-05));
}

.bg-neu-06 {
  background-color: rgb(var(--neu-06));
}

.bg-neu-07 {
  background-color: rgb(var(--neu-07));
}

.bg-neu-08 {
  background-color: rgb(var(--neu-08));
}

.bg-neu-09 {
  background-color: rgb(var(--neu-09));
}

.bg-neu-10 {
  background-color: rgb(var(--neu-10));
}

.bg-m-01--light-01 {
  background-color: rgb(var(--m-01--light-01));
}

.bg-m-01--light-02 {
  background-color: rgb(var(--m-01--light-02));
}

.bg-m-01--light-03 {
  background-color: rgb(var(--m-01--light-03));
}

.bg-m-01--light-04 {
  background-color: rgb(var(--m-01--light-04));
}

.bg-m-01 {
  background-color: rgb(var(--m-01));
}

.bg-m-01--dark-01 {
  background-color: rgb(var(--m-01--dark-01));
}

.bg-m-01--dark-02 {
  background-color: rgb(var(--m-01--dark-02));
}

.bg-m-01--dark-03 {
  background-color: rgb(var(--m-01--dark-03));
}

.bg-m-01--dark-04 {
  background-color: rgb(var(--m-01--dark-04));
}

.bg-m-02 {
  background-color: rgb(var(--m-02));
}

.bg-m-03 {
  background-color: rgb(var(--m-03));
}

.bg-m-04 {
  background-color: rgb(var(--m-04));
}

.bg-add-01 {
  background-color: rgb(var(--add-01));
}

.bg-add-02 {
  background-color: rgb(var(--add-02));
}

.bg-add-03 {
  background-color: rgb(var(--add-03));
}

.bg-add-04 {
  background-color: rgb(var(--add-04));
}

.bg-add-05 {
  background-color: rgb(var(--add-05));
}

.bg-add-06 {
  background-color: rgb(var(--add-06));
}

.bg-add-07 {
  background-color: rgb(var(--add-07));
}

.bg-add-08 {
  background-color: rgb(var(--add-08));
}

.icon--neu-01 path {
  fill: rgb(var(--neu-01));
}

.icon--neu-02 path {
  fill: rgb(var(--neu-02));
}

.icon--neu-03 path {
  fill: rgb(var(--neu-03));
}

.icon--neu-04 path {
  fill: rgb(var(--neu-04));
}

.icon--neu-05 path {
  fill: rgb(var(--neu-05));
}

.icon--neu-06 path {
  fill: rgb(var(--neu-06));
}

.icon--neu-07 path {
  fill: rgb(var(--neu-07));
}

.icon--neu-08 path {
  fill: rgb(var(--neu-08));
}

.icon--neu-09 path {
  fill: rgb(var(--neu-09));
}

.icon--neu-10 path {
  fill: rgb(var(--neu-10));
}

.icon--m-01--light-01 path {
  fill: rgb(var(--m-01--light-01));
}

.icon--m-01--light-02 path {
  fill: rgb(var(--m-01--light-02));
}

.icon--m-01--light-03 path {
  fill: rgb(var(--m-01--light-03));
}

.icon--m-01--light-04 path {
  fill: rgb(var(--m-01--light-04));
}

.icon--m-01 path {
  fill: rgb(var(--m-01));
}

.icon--m-01--dark-01 path {
  fill: rgb(var(--m-01--dark-01));
}

.icon--m-01--dark-02 path {
  fill: rgb(var(--m-01--dark-02));
}

.icon--m-01--dark-03 path {
  fill: rgb(var(--m-01--dark-03));
}

.icon--m-01--dark-04 path {
  fill: rgb(var(--m-01--dark-04));
}

.icon--m-02 path {
  fill: rgb(var(--m-02));
}

.icon--m-03 path {
  fill: rgb(var(--m-03));
}

.icon--m-04 path {
  fill: rgb(var(--m-04));
}

.icon--add-01 path {
  fill: rgb(var(--add-01));
}

.icon--add-02 path {
  fill: rgb(var(--add-02));
}

.icon--add-03 path {
  fill: rgb(var(--add-03));
}

.icon--add-04 path {
  fill: rgb(var(--add-04));
}

.icon--add-05 path {
  fill: rgb(var(--add-05));
}

.icon--add-06 path {
  fill: rgb(var(--add-06));
}

.icon--add-07 path {
  fill: rgb(var(--add-07));
}

.icon--add-08 path {
  fill: rgb(var(--add-08));
}

.sma-01 {
  box-shadow: 0px 50px 100px -20px rgba(51, 51, 51, 0.05), 0px 30px 60px -30px rgba(51, 51, 51, 0.3);
}

.sma-02 {
  box-shadow: 0px 50px 100px -20px rgba(51, 51, 51, 0.65), 0px 30px 60px -30px rgba(51, 51, 51, 0.7), 0px 1px 1px 0px rgba(255, 255, 255, 0.1) inset;
}

.sma-03 {
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.1) inset, 0px 50px 100px -20px #333, 0px 30px 36px -30px #333;
}

.sma-04 {
  box-shadow: 0px 40px 64px -36px rgba(28, 72, 88, 0.1);
}

.sma-05 {
  box-shadow: 0px var(--8) var(--24) 0px rgba(17, 17, 26, 0.1), 0px var(--24) 80px 0px rgba(17, 17, 26, 0.1);
}

.sma-06 {
  box-shadow: 0px 46px 60px -12px rgba(51, 51, 51, 0.24), 0px 18px 36px -18px rgba(0, 0, 0, 0.2);
}

.sad-01 {
  box-shadow: 0px 25px var(--24) -20px #6099ae;
}

.sad-02 {
  box-shadow: 0px 25px var(--24) -20px #808284;
}

.sad-03 {
  box-shadow: 0px 25px var(--16) -18px #1c1c1c;
}

.ratio-21-9 {
  aspect-ratio: 21/9;
  object-fit: cover;
  height: 100%;
}

.ratio-16-9 {
  aspect-ratio: 16/9;
  object-fit: cover;
  height: 100%;
}

.ratio-4-3 {
  aspect-ratio: 4/3;
  object-fit: cover;
  height: 100%;
}

.ratio-1-1 {
  aspect-ratio: 1/1;
  object-fit: cover;
  height: 100%;
}

.ratio-4-5 {
  aspect-ratio: 4/5;
  object-fit: cover;
  height: 100%;
}

.ratio-9-16 {
  aspect-ratio: 4/5;
  object-fit: cover;
  height: 100%;
}

.ove-01::before {
  content: "";
  pointer-events: none;
  display: block;
  background: rgb(var(--neu-09));
  position: absolute;
  opacity: 0.4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ove-01--gra::before {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.97) 0%, rgba(0, 0, 0, 0.61) 24%, rgba(0, 0, 0, 0.31) 69%, rgba(0, 0, 0, 0) 100%);
}

.ove-02::before {
  content: "";
  pointer-events: none;
  display: block;
  background: rgb(var(--neu-09));
  /* -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px); */
  position: absolute;
  opacity: 0.6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ove-03::before {
  content: "";
  pointer-events: none;
  display: block;
  background: rgb(var(--neu-03));
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  position: absolute;
  opacity: 0.8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

body:has(.modal-open) {
  overflow: hidden;
}

body:has(.secondaryNav) .mainHeader {
  height: calc(100dvh - var(--72) - var(--72) - var(--64));
}
@media (min-width: 1366px) {
  body:has(.secondaryNav) .mainHeader {
    height: calc(100dvh - var(--72) - var(--72));
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/dev.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dev {
  min-height: 100vh;
}
.dev .wrapper {
  padding-top: var(--40);
  display: flex;
  gap: var(--24);
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .dev .wrapper {
    align-items: initial;
    flex-direction: initial;
  }
}
.dev__column {
  width: 100%;
  max-width: 500px;
  border-radius: var(--8);
  padding: var(--16);
}
.dev__link {
  width: 100%;
  display: block;
}
.dev__list {
  margin-top: var(--16);
  display: flex;
  flex-direction: column;
  gap: var(--8);
}

.devPage {
  min-height: 100vh;
}
.devPage__block {
  margin-top: var(--40);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 32px;
  border-radius: var(--8);
}
.devPage__components {
  gap: var(--16);
  display: flex;
  width: 100%;
  padding: var(--40);
  justify-content: center;
  border-radius: var(--8);
  flex-wrap: wrap;
}

.devPage-typography {
  min-height: 100vh;
}
.devPage-typography p {
  display: block;
  margin-bottom: var(--16);
}
.devPage-typography span {
  display: block;
  width: max-content;
  padding: 2px 4px;
  margin-top: var(--8);
  background-color: rgb(var(--m-01--light-03));
}