/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!../node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!../node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"]}],"variableName":"inter"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Inter_Fallback_f367f3';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_f367f3 {font-family: '__Inter_f367f3', '__Inter_Fallback_f367f3';font-style: normal
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/util/forms/FormItem.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.FormItem_required__8CuGC::before {
    content: '*';
    color: red;
    margin-right: 3px;
    font-size: 20px;
    vertical-align: sub;
    line-height: 0;
}
.FormItem_flex___K0dN {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.FormItem_form_row__UePNc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    gap: 10px;
    align-items: center;
}

.FormItem_label_container___jjIw {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.FormItem_input_container__xCukG {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.FormItem_description__kYgD9 {
    font-size: 12px;
    line-height: 20px;
}

.FormItem_hint__jvgwG {
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/app/login/page.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.page_loginForm__F6AVy {
    max-width: 432px;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    padding: 0px 14px;
    margin-top: 180px;
    width: 432px;
    background-color: var(--card-background);
    color: var(--card-color);
}
.page_formButton__V_cuY {
    border-radius: 999px;
    width: 166px;
    height: 40px;
}
.page_formItem__FV_99 label {
    width: 80px;
    color: var(--card-color);
}

/* Theme-specific styles */
body.light .page_loginForm__F6AVy {
    --card-background: #ffffff;
    --card-color: #000000;
}

body.dark .page_loginForm__F6AVy {
    --card-background: #000000;
    --card-color: #ffffff;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/app/public/forgot-password/page.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.page_loginForm__p7W5x {
    max-width: 432px;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    padding: 0px 14px;
    margin-top: 180px;
    width: 432px;
}
.page_formButton__e3tcL {
    border-radius: 999px;
    width: 166px;
    height: 40px;
}
.page_formItem__c4Tpp label {
    width: 80px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/app/public/reset-password/[token]/page.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.page_loginForm__yNTko {
    max-width: 432px;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    padding: 0px 14px;
    margin-top: 180px;
    width: 432px;
}
.page_formButton__RzSQQ {
    border-radius: 999px;
    width: 166px;
    height: 40px;
}
.page_formItem__WeQly label {
    width: 80px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/style/tokens.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root {
    --font-family-base: 'SF Pro Text', sans-serif;

    /* Base Typography */
    --font-size-base: 14px;
    --line-height-base: 22px;

    /* SM Typography */
    --font-size-sm: 12px;
    --line-height-sm: 20px;

    /* LG Typography */
    --font-size-lg: 16px;
    --line-height-lg: 24px;

    /* Heading Typography */
    /* --font-size-h1: 38px;
    --line-height-h1: 46px;

    --font-size-h2: 30px;
    --line-height-h2: 38px;

    --font-size-h3: 24px;
    --line-height-h3: 32px;

    --font-size-h4: 20px;
    --line-height-h4: 28px;

    --font-size-h5: 16px;
    --line-height-h5: 24px; */

    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-strong: 700;

    /* Size Mapping (used for border-radius, padding, margin, etc.) */
    --size-xxs: 4px;
    --size-xs: 8px;
    --size-sm: 12px;
    --size: 16px;
    --size-ms: 16px;
    --size-md: 20px;
    --size-lg: 24px;
    --size-xl: 32px;
    --size-xxl: 48px;

    /* Margin Sizes */
    --margin-xxs: var(--size-xxs);
    --margin-xs: var(--size-xs);
    --margin-sm: var(--size-sm);
    --margin: var(--size);
    --margin-md: var(--size-md);
    --margin-lg: var(--size-lg);
    --margin-xl: var(--size-xl);
    --margin-xxl: var(--size-xxl);

    /* Padding Sizes */
    --padding-xxs: var(--size-xxs);
    --padding-xs: var(--size-xs);
    --padding-sm: var(--size-sm);
    --padding: var(--size);
    --padding-md: var(--size-md);
    --padding-lg: var(--size-lg);
    --padding-xl: var(--size-xl);
    --padding-xxl: var(--size-xxl);

    --padding-content-horizontal-sm: var(--size);
    --padding-content-vertical-sm: var(--size-xs);

    --padding-content-horizontal: var(--size-ms);
    --padding-content-vertical: var(--size-sm);

    --padding-content-horizontal-lg: var(--size-lg);
    --padding-content-vertical-lg: var(--size-ms);

    /* Control Heights */
    --control-height-xs: 16px;
    --control-height-sm: 24px;
    --control-height: 32px;
    --control-height-lg: 40px;

    /* Screen Sizes */
    --screen-xs: 480px;
    --screen-sm: 576px;
    --screen-md: 768px;
    --screen-lg: 992px;
    --screen-xl: 1200px;
    --screen-xxl: 1600px;

    /* Border Radius */
    --border-radius-seed: 6px;
    --border-radius-lg: 8;
    --border-radius-sm: 4px;
    --border-radius-xs: 2px;
}
h1,
h2,
h3,
h4,
h5 {
    margin: 0 !important;
}
body {
    width: 100%;
    height: 100%;
    margin: 0;

    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    font-weight: var(--font-weight-normal);
}

body.light {
    --card-background: #f5f5f5;
    --card-color: #000000;
    --card-background-hover: #84d9d3;
    background-color: #ffffff;
}
body.dark {
    --card-background: #000000;
    --card-color: #ffffff;
    --card-background-hover: #246161;
    background-color: #000000;
}
body.dark .ant-select-clear {
    color: var(--ant-color-error);
    background: none !important;
}
body.dark .ant-select-clear:hover {
    color: red;
}

/* SM Typography */
.sm {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
}

/* LG Typography */
.lg {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
}

/* Headings */
h1 {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
    font-weight: var(--font-weight-strong);
    margin: 0;
}

h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    font-weight: var(--font-weight-strong);
    margin: 0;
}

h3 {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    font-weight: var(--font-weight-strong);
    margin: 0;
}

h4 {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    font-weight: var(--font-weight-strong);
    margin: 0;
}

h5 {
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    font-weight: var(--font-weight-strong);
    margin: 0;
}

/* Text Styles */
.strong {
    font-weight: var(--font-weight-strong);
}

.underline {
    text-decoration: underline;
}

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

.italic {
    font-style: italic;
}

/* Margin Sizes */
.marginXXS {
    margin: var(--margin-xxs);
}

.marginXS {
    margin: var(--margin-xs);
}

.marginSM {
    margin: var(--margin-sm);
}

.margin {
    margin: var(--margin);
}

.marginMD {
    margin: var(--margin-md);
}

.marginLG {
    margin: var(--margin-lg);
}

.marginXL {
    margin: var(--margin-xl);
}

.marginXXL {
    margin: var(--margin-xxl);
}

/* Padding Sizes */
.paddingXXS {
    padding: var(--padding-xxs);
}

.paddingXS {
    padding: var(--padding-xs);
}

.paddingSM {
    padding: var(--padding-sm);
}

.padding {
    padding: var(--padding);
}

.paddingMD {
    padding: var(--padding-md);
}

.paddingLG {
    padding: var(--padding-lg);
}

.paddingXL {
    padding: var(--padding-xl);
}

.paddingXXL {
    padding: var(--padding-xxl);
}

/* Control Heights */

.controlHeightXS {
    height: var(--control-height-xs);
}

.controlHeightSM {
    height: var(--control-height-sm);
}

.controlHeight {
    height: var(--control-height);
}

.controlHeightLG {
    height: var(--control-height-lg);
}

/* Border Radius */

.borderRadiusLG {
    border-radius: var(--border-radius-lg);
}

.borderRadiusSM {
    border-radius: var(--border-radius-sm);
}

.borderRadiusXS {
    border-radius: var(--border-radius-xs);
}

.borderRadius {
    border-radius: var(--border-radius-seed);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/style/style.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* Button global style */
.ant-btn {
    height: 32px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    gap: 8px;
}

/* Sidebar */
.sidebar {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--ant-color-bg-layout);
}

.menu-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.menu-container > :first-child {
    flex-grow: 1;
    overflow-y: auto;
}

.menu-container > :last-child {
    height: 100px;
}

.ant-layout-sider-children {
    background-color: var(--ant-color-bg-layout) !important;
    border-right: 1px solid #0000000f;
}

/* Header */
.header {
    background: var(--ant-color-bg-layout);
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}

.header .space-align-block {
    line-height: 32px !important;
}

.header .headerBadge,
.header .headerProfile {
    cursor: pointer;
}

.header .headerBadge .ant-avatar {
    background: var(--ant-color-bg-layout);
    color: #00000073;
    font-size: 24px;
    padding-bottom: 5px;
}

.header .headerBadge .ant-badge-dot {
    font-size: 10px;
    position: absolute;
    top: 7px;
    right: 10px;
}

.header .headerProfile {
    background-color: var(--ant-color-primary);
}

/* Table */
.ant-table-thead > tr > th {
    font-weight: 700 !important;
}

.editFormWrapper .form-item-label {
    font-weight: var(--font-weight-strong) !important;
}

/* Tabs */
.ant-tabs-nav {
    margin-bottom: 0px !important;
}

.ant-tabs {
    gap: 24px;
}

.customDropdown .ant-btn {
    padding: 0px 12px !important;
    width: 100%;
    justify-content: flex-start;
}
.customDropdown .ant-dropdown-menu-item {
    padding: 5px 0px !important;
}
.customDropdown .ant-btn:hover {
    background: none !important;
}

/* TextArea */
textarea {
    background-color: var(--ant-color-bg-container) !important;
    border-color: var(--ant-color-text-disabled) !important;
    color: var(--ant-color-text) !important;
}

textarea::placeholder {
    color: var(--ant-color-text-disabled) !important;
}

textarea:hover {
    border-color: var(--ant-color-primary) !important;
}

.ant-upload {
    padding: 0 !important;
}

#creative-form-id .groupFileType span:last-child {
    padding-right: 2px;
    padding-left: 4px;
}

/* Avatars should keep their size */
.ant-avatar {
    flex: none;
}